Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/07/2009, 22:26
arkadhoz
 
Fecha de Ingreso: julio-2009
Ubicación: Lima
Mensajes: 2
Antigüedad: 15 años, 7 meses
Puntos: 0
ayuda con Listas desplegables dependientes + vinculos

como lo indico en el titulo necesito ayuda con este tipo de listas o combobox.
La idea es que al seleccionar una opcion de la primera lista los datos en la segunda cambien con esta.
un ejemplo con peliculas
(1º lista deslegable)
escoja categoria: ciencia ficcion
(los datos en la segunda lista desplegable cambien)
(2º lista desplegable)
transformers..
y que al escoger la opcion de la segunda lista desplegable me envie al vinculo deseado, les dejo un script, funciona pero no me envia al vinculo deseado.


Script:
Código:
<html>

<script type="text/javascript" language="javascript">

function agregarOpciones(form)
{
var selec = form.tipos.options;
var combo = form.estilo.options;
combo.length = null;

    if (selec[0].selected == true)
    {
    var seleccionar = new Option("<-- esperando selección","","","");
    combo[0] = seleccionar;
    }

    if (selec[1].selected == true)
    {
    var popular1 = new Option("Rock de los 90","Rock1","","");
    var popular2 = new Option("Rock de los 80","Rock2","","");
    combo[0] = popular1;
    combo[1] = popular2;
    }

    if (selec[2].selected == true)
    {
    var academica1 = new Option("Musica del Barroco","Barroco","","");
    var academica2 = new Option("Musica del Siglo XX","Siglo XX","","");
    var academica3 = new Option("Música del Romantisismo","Romantico","","");
    combo[0] = academica1;
    combo[1] = academica2;
    combo[2] = academica3;
    }
}
</script>
</html>

formulario:

Código:
form name="ejemplo2" method="POST" target="_blank" action="pagina.htm">

<select name="tipos" onChange="agregarOpciones(this.form)">

<option value="">[seleccione una opción]</option>

<option value="musicapopular">Música Popular (Rock)</option>

<option value="musicaacademica">Música Académica</option>

</select>

 

<select name="estilo">

<option value=""><-- esperando selección</option>

</select>

 

<input type="submit" value="Enviar"></form>