desde lista desplegable pasar a un script

[azaz]

Hola tengo una lista desplegable que cuando eliges una opcion te pasa a otra lista desplegable y lo que quiero conseguir es que una vez selecionada la opcion de la segunda lista me pase a una pagina en concreto dentro de mi web como tendria que hacerlo?

[bUllan9ebrio]

Realiza el select dependiente y en el value le das la Url de tu otra pagina, luego recibes el select y lo redireccionas a la variable

[azaz]

No me sale es un formulario con una funcion javascript te muestro un trozo de codigo por si me puedes ayudar.

Código HTML:

<form name="fPais">
         <select name="menuPais" onChange="mostrarProvincias();">
            <option value="x">ELIJA UNA CATEGORIA</option>
            
            <option value="01">mexico</option>
            <option value="02">argentina</option>
            <option value="03">brasil</option>
            <option value="04">alemania</option>
            <option value="05">españa</option>
        
         </select>
 
         <select name="menuprovincia" disabled>
            <option value=0>ELIJA UNA PROVINCIA</option>
         </select>
    
         
 
      </form>
 

Las provincias las tengo en un script de javascript.

espero que me puedas ayudar

[bUllan9ebrio]

Prueba realizando un onclick a tu segundo select el que te permitira redireccionar la página a la cuál tú estimes conveniente, recuerda que en el value de provincias debes tener la ruta de la página en especifico, saludos

[quike88]

mm.. esto no tiene nada de PHP, bueno como dice bUllan9ebrio podrías intentar algo asi:

Código HTML:

<select onchange="location.href=this.value" name="menuprovincia" disabled>
            <option value=0>ELIJA UNA PROVINCIA</option>
</select>
 

o asi:

Código HTML:

<select onchange="location.href='provincia.php?id='+this.value" name="menuprovincia" disabled>
            <option value=0>ELIJA UNA PROVINCIA</option>
</select>
 

Saludos.

[quike88]

mm.. esto no tiene nada de PHP, bueno como dice bUllan9ebrio podrías intentar algo asi:

Código HTML:

<select onchange="location.href=this.value" name="menuprovincia" disabled>
            <option value=0>ELIJA UNA PROVINCIA</option>
</select>
 

o asi:

Código HTML:

<select onchange="location.href='provincia.php?id='+this.value" name="menuprovincia" disabled>
            <option value=0>ELIJA UNA PROVINCIA</option>
</select>
 

Saludos.

[azaz]

ahora lo pruebo y hos digo algo

[quike88]

muéstranos el código que usas para cargar la segunda lista desplegable.

[azaz]

el value con la la url donde lo tengo que poner esque me da fallo

[quike88]

tu select debería quedar algo así para que funcione

Código HTML:

<select onchange="location.href=this.value" name="menuprovincia" disabled>
            <option value="AQUI LA URL">OPCION</option>
</select>
 

[azaz]

este es el script.jv para mostrar el segundo listado:

Código Javascript:

//SE DEFINEN LAS MATRICES CON LOS NOMBRES DE LAS PROVINCIAS
//MEXICO
            matriz01 = new Array ("ciudad de mejico","cancun");
//ARGENTINA
            matriz02 = new Array ("junior", "buenos aires");
 
//BRASIL
            matriz03 = new Array ("rio janeiro", "caracas");
 
//ALEMANIA
            matriz04 = new Array ("berlin", "frankfurt");
//ESPAÑA
            matriz05 = new Array ("madrid", "sevilla", "Busco/<br>Trabajo");
 

[quike88]

una pregunta, de acuerdo a la opción que elijas quieres que te direccione a diferentes paginas? o es siempre a la misma.

en la página de destino, necesitas recoger los valores seleccionados en las listas?

[azaz]

quike88 quiero que me diriga a varias paginas por ejemplo si elijes brasil y luego rio janeiro que me envia a rio janeiro.php o si elijo españa y luego madrid que me envie a madrid.php

espero que me podais ayudar

[GatorV]

Tema movido desde PHP a Javascript

[quike88]

ok, cual es código que usas para cargar la segunda lista, arriba posteaste unos array que me imagino es lo que se carga de acuerdo a la opción que elijas en la primera lista.

pero falta el código que llene la segunda lista.

Saludos

[azaz]

este es el resto del script:

Código Javascript:

<script src="provincias.js" language="javascript" type="text/javascript">
         <!--
 
         //-->
      </script>
 
      <script language="javascript">
         <!--
 
            function mostrarProvincias()
            {
 
 
               if (fProvincias.menuProvincias.length>1)
               {
                  totalprovincias = fProvincias.menuprovincias.length;
                  for (contador=1; contador<totalprovincias; contador++)
                  {
                     fProvincias.menuprovincias.options[1]=null;
                  }
 
               }
 
 
 
 
               if (fProvincias.menuprovincias.value == "x")
               {
                  fProvincias.menuprovincias.selectedItem = 0;
                  fProvincias.menuprovincias.disabled = true;
               } else {
                  matrizElegida = "matriz" + fProvincias.menuprovincias.value;
                  for (contador = 0; contador<eval(matrizElegida).length; contador++)
                  {
                     fProvincias.menuprovincias.options[contador+1] = new Option (eval(matrizElegida)[contador],contador+1);
                  }
                  fProvincias.menuprovincias.disabled = false;
               }
            }
         //-->
      </script>
 

[quike88]

una solución seria en tus arrays hacerlo de esta forma:

Código Javascript:

//MEXICO
            matriz01 = new Array (new Array("ciudad de mejico", "mexico.php"), new Array("cancun", "cancun.php"));
 

y asi los otros array, donde cada opción tiene un array que contiene la opción y la url.

y después modificas esta linea

Código Javascript:

fProvincias.menuprovincias.options[contador+1] = new Option (eval(matrizElegida)[contador][0], matrizElegida)[contador][1]);
 

Espero que te funcione
Saludos.

[azaz]

lo pruebo ahora te digo un saludo

[azaz]

no me funciona de todas formas me gustaria hacerlo con un botton que al pulsarlo me mande a la pagina elegida. no se si me podras ayudar

[quike88]

te carga bien la lista? fijate el código fuente como termina. si no te carga bien los value, si no tendríamos el mismo problema.

[azaz]

se ve en el codigo fuente los values bueno voy a mirarme algun tutorial haber si lo consigo ya te dire algo

[quike88]

si se ven en el código fuente, con:

Código HTML:

<select onchange="location.href=this.value" name="menuprovincia" disabled>
 

tiene que funcionar

Saludos

[azaz]

pues no nciona sale la primera lista y la segunda esta nula

[azaz]

sigue sin funcionarme he reproducido otra vez el codigo lo mostrare para ver si alguien me puede ayudar a conseguir que cada vez que se marque la casilla del segundo listado me mande a una pagina enconcreto de mi web.

codigo javascript:

Código Javascript:

<html>
   <head>
      <title>
         P&aacute;gina con Javascript.
      </title>
 
      <script src="poblaciones.js" language="javascript" type="text/javascript">
         <!--
 
         //-->
      </script>
 
      <script language="javascript">
         <!--
 
            function mostrarPoblaciones()
            {
 
 
 
               if (fProvincias.menuPoblacion.length>1)
               {
                  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>
 

codigo para mostrar las opciones del segundo listado:

Código Javascript:

//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");
 

hasta aqui me funciona bien pero yo quiero que me envie por ejemplo si eliges ALICANTE y dentro de ALICANTE elijes ALCOY que directamente me mande a una pagina que la direcion es alcoy.php.

espero que me podais ayudar a solucionar este script saludos

[azaz]

hola quike88 si pongo el codigo como me dices me dice que la url no existe en mi carpeta o que no tengo permisos a que es debido esto espero me puedas ayudar un saludo

[quike88]

que tal azaz,

por lo que comentas, si te redirecciona, solo que estas colocando mal las url's. fijate en la barra de dirección de tu browser a que url te esta redireccionando.

[azaz]

dentro de mi carpeta donde tengo el codigo he abierto otro script con la extension .html y no me envia aqui no puede ser otra cosa

[quike88]

puedes postear tu código actual? tal vez se nos paso alguna cosa.

pero digamos que estamos aqui: http://localhost/misitio/formulario.php, y queremos redireccionarnos aquí http://localhost/misitio/alcoy.html. entonces tu matriz03 sería:

Código Javascript:

matriz03 = new Array (new Array ("Alcoy", "alcoy.html"),....);
 

y el select:

Código HTML:

<select onchange="location.href=this.value" name="menuprovincia" disabled>
 

Saludos

[azaz]

lo reconstrui es este ahora:

<html>
<head>
<title>
P&aacute;gina con Javascript.
</title>

<script src="poblaciones.js" language="javascript" type="text/javascript">
<!--

//-->
</script>

<script language="javascript">
<!--

function mostrarPoblaciones()
{



if (fProvincias.menuPoblacion.length>1)
{
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][0], matrizElegida [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 onchange="location.href=this.value" name="menuPoblacion" disabled>
<option value=0>TODAS LAS POBLACIONES</option>
</select>





</form>
</body>
</html>

donde tengo los array :

//ALAVA
matriz01 = new Array (new Array ("Aberasturi", "aberasturi.html"), new Array ( "Gasteiz", "gasteiz.html"), new Array ("Ibarguren", "ibarguren.html"), new Array ("Llodio","llodio.html"), new Array ("Maeztu","maeztu.html"), new Array ( "Olano", "olano.html"), new Array ( "Sabando", "sabando.html"), new Array ("Trokóniz","trokoniz.html"));

solo puse las matriz 01 para probar

espero que puedas ayudarme un saludo

[quike88]

prueba cambiando esta linea:

Código Javascript:

fProvincias.menuPoblacion.options[contador+1] = new Option (eval(matrizElegida)[contador][0], matrizElegida [contador][1]);
 

por:

Código Javascript:

fProvincias.menuPoblacion.options[contador+1] = new Option (eval(matrizElegida)[contador][0], eval(matrizElegida)[contador][1]);
 

Saludos.