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>