Saludos, en primer lugar vaya mi agradecimiento por adelantado.
Partiendo de que tengo el siguiente código que me genera dos select, el segundo, dependiente del primero:
Código Javascript
:
Ver original<form name="f1">
<select name=cate onchange="cambia_cat()">
<option class="uno" value="0" selected>Seleccione Categoría
<option class="dos" value="1">HOMBRE
<option class="uno" value="2">MUJER
<option class="dos" value="3">NIÑO
<option class="uno" value="4">NIÑA
</select>
<select name=tema>
<option value="-">-
</select>
</form>
<script>
//defino una serie de varibles Array para cada categoría
var temas_1=new Array("Selecciones Temática","Carnaval","Halloween","Despedidas","Otros")
var temas_2=new Array("Selecciones Temática","Carnaval","Halloween","Despedidas","Otros")
var temas_3=new Array("Selecciones Temática","Carnaval","Halloween","Otros")
var temas_4=new Array("Selecciones Temática","Carnaval","Halloween","Otros")
//función que cambia las temáticas del select de temáticas en función de la categoría que se haya escogido en el select de categorías.
function cambia_cat(){
//tomo el valor del select de la categoría elegida
var cate
cate = document.f1.cate[document.f1.cate.selectedIndex].value
//miro a ver si la categoría está definida
if (cate != 0) {
//si estaba definida, entonces coloco las opciones de la temática correspondiente.
//selecciono el array de temática adecuado
mis_temas=eval("temas_" + cate)
//calculo el numero de temáticas
num_temas = mis_temas.length
//marco el número de temáticas en el select
document.f1.tema.length = num_temas
//para cada temática del array, la introduzco en el select
for(i=0;i<num_temas;i++){
document.f1.tema.options[i].value=mis_temas[i]
document.f1.tema.options[i].text=mis_temas[i]
}
}else{
//si no había categoría seleccionada, elimino las temáticas del select
document.f1.tema.length = 1
//coloco un guión en la única opción que he dejado
document.f1.tema.options[0].value = "-"
document.f1.tema.options[0].text = "-"
}
//marco como seleccionada la opción primera de temática
document.f1.tema.options[0].selected = true
}
</script>
Me gustaría saber como puedo hacer, para que al seleccionar la "temática", me lleve a una página donde muestro los productos de esa Categoría y Temática en cuestión.
No importa si es directamente al hacer selección en el segundo select, o si tengo que usar un botón de input...
De nuevo, Mil Gracias!!