darle otra funcion a mi codigo javascript

Citar

Escrito el 26 Abr 2011 10:38 am

Hola quiero realizar una funcion a un codigo javascript pero no consigo hacerlo el codigo que ya tengo es una lista desplegable que eliges una opcion y te pasa a otra lista desplegable para que eligas la siguiente opcion.
Hasta aqui todo funciona bien ahora lo que quiero hacer es que cuando eliges la opcion del segundo listado te lleve a una pagina de mi web.

Hos dejo los codigos:

aqui codigo javascript:

Código Javascript :

   <html>
   <head>
 <script src="poblaciones.js" language="javascript" type="text/javascrip> </script>
  <script language="javascript">
  function mostrarPoblaciones()
  {
  if (fProvincias.menuPoblacion.lengt
 {
   totalPoblaciones = fProvincias.menuPoblacion.length;
  for (contador=1; contador<totalPoblaciones; contador++)
   {
  fProvincias.menuPoblacion.options[1]=null;
   }
   }
 if (fProvincias.menuProvincia.value == "x")
  {
  fProvincias.menuPoblacion.selectedItem = 0;
  fProvincias.menuPoblacion.disabled = true;
  } else {
   matrizElegida = "matriz" + fProvincias.menuProvincia.value;
   for (contador = 0; contador<eval(matrizElegida).length; contador++)
  {
     fProvincias.menuPoblacion.options[contador+1] = new Option (eval(matrizElegida)[contador],contador+1);
   }
   fProvincias.menuPoblacion.disabled = false;
    }
    }
  </script>
  
         </head>
  
         <body>
  
            <form name="fProvincias">
  <select name="menuProvincia" onChange="mostrarPoblaciones();">
  <option value="x">ELIJA UNA PROVINCIA</option>
 <option value="01">&Aacute;lava</option>
  <option value="02">Albacete</option>
  <option value="03">Alicante</option>
   <option value="04">Almer&iacute;a</option>
   </select>
  
  <select name="menuPoblacion" disabled>
  <option value=0>TODAS LAS POBLACIONES</option>
 </select>
       </form>
 
         </body>
  
      </html>

aqui hos dejo los array para mostrar las opciones del segundo listado:

//ALAVA

matriz01 = new Array ("Aberasturi", "Gasteiz", "Ibarguren", "Llodio", "Maeztu", "Olano", "Sabando", "Trokóniz");

//ALBACETE

matriz02 = new Array ("Agramón", "Fuentealbilla", "Tobarra", "Yeste");

//ALICANTE

matriz03 = new Array ("Alcoy","Villajoyosa", "Villena");

//ALMERIA

matriz04 = new Array ("Abejuela", "Mojácar", "Palomares", "Roquetas de Mar", "Santillana", "Zofre");

Y ahora no se como para que me envie a la url que yo quiera segun la opcion que escojas
por ejemplo si escojes ALAVA y despues ABERASTURI me envie a aberasturi.html y si escojo ALAVA y despues GASTEIZ me envia a gasteiz.html.

he estado en internet intentando solucionar mi problema pero no me acaba de ir bien el codigo espero que alguien me ayude un saludo a todos los visitantes de este foro.

Por azaz

2 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Abr 2011 03:40 pm

Por una cuestión de usabilidad te recomiendo que no obligues al visitante a ir a un sitio diferente tan solo eligiendo una de las opciones del select porque no le das oportunidad de corregir si se ha equivocado.
Mi sugerencia es que junto al segundo select pongas un botón que diga "Ir" y sea ese el que le lleve a la otra página según lo seleccionado en el segundo select.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 26 Abr 2011 09:58 pm

como lo hago

Por azaz

2 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 27 Abr 2011 01:11 pm

azaz escribió:

como lo hago

Haciéndolo ¿cómo más...? :shock:

Si tienes alguna duda, sé específico al preguntar. "como lo hago" no es específico...

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 27 Abr 2011 10:59 pm

Segun lo que entendi puedes hacer algo asi:

Código HTML :

<form name="formulario">
<select name="pais">
<option value="venezuela">Venezuela</option>
<option value="colombia">Colombia</option>
<input type="button" value="Ir" onclick="ir_pais()" />
</select>
</form>

Javascript:

Código Javascript :


function ir_pais() {

if (document.formulario.pais.value == "venezuela") {

location.href="http://paginavenezuela.com";

}

else if(document.formulario.pais.value == "colombia") {

location.href="http://paginacolombia.com";

}

else {

alert("Debe seleccionar una opcion");

}

}

Si tiene algun error avisen

Por davp

Claber

278 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado

Venezuela

@raramntnatural

Citar

Escrito el 29 Abr 2011 03:19 pm

davp escribió:

Segun lo que entendi puedes hacer algo asi:

Código HTML :

<form name="formulario">
<select name="pais">
<option value="venezuela">Venezuela</option>
<option value="colombia">Colombia</option>
<input type="button" value="Ir" onclick="ir_pais()" />
</select>
</form>

...
Si tiene algun error avisen

Eh... sí, el <input> debe estar afuera del <select>

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 29 Abr 2011 11:24 pm

DriverOp escribió:

davp escribió:

Segun lo que entendi puedes hacer algo asi:

Código HTML :

<form name="formulario">
<select name="pais">
<option value="venezuela">Venezuela</option>
<option value="colombia">Colombia</option>
<input type="button" value="Ir" onclick="ir_pais()" />
</select>
</form>

...
Si tiene algun error avisen

Eh... sí, el <input> debe estar afuera del <select>

Fuck! Es que lo escribi muy rapido

Gracias por avisar!

Por davp

Claber

278 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado

Venezuela

@raramntnatural

darle otra funcion a mi codigo javascript

Escribe una respuesta rapida