Select dependientes con "resolución"

[Greca]

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:

<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!!

[Greca]

Por cierto, se me olvidó un dato muy importante, las páginas se deberían abrir en el frame (cont_frame).

He mirado en mil foros, y no lo encuentro. Encuentro distintas formas de hacer la parte que ya tengo hecha. Pero que el segundo select, redirija a una página, no lo veo en ninguna parte, a pesar de que en casi todos los foros que he visto, y explicaban como hacer que un select activara otro, alguien preguntaba como hacer esa segunda parte...

De nuevo gracias.

[Greca]

nadie puede decirme nada? :(

[Greca]

60 lecturas... Nadie puede decirme al menos si es posible o no? Para no perder más tiempo y tratar de seguir por otro lado..

[zerokilled]

tienes que usar el evento onchange en el segundo SELECT. en este evento vas a invocar la funcion submit del formulario. y en la etiqueta FORM tienes que indicar el documento que procesara la informacion con el atributo action.

[Greca]

Gracias por responder, pero no veo el modo de poder hacer eso con el código que tengo, porque el segundo select lo genera "dinámico" y no se como debería hacer para que cada opción (option) me lleve a una página distinta. ¿Puedes expecificarme un poco más, basado en el código que publiqué?

Y de nuevo gracias por responder.

[Greca]

Te incluyo el código donde se genera el segundo select

Código Javascript:

...
<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")
 

Los options se genera por un array, y no sé como hacer para que cada opción me dirija a una página independiente...

[zerokilled]

cierto que el segundo SELECT se rellena dinamicamente, pero de por si son los OPTIONs y no el SELECT en si. el evento tienes que darselo al SELECT, no a los OPTIONs, por lo que no tienes que preocuparte si se genera dinamicamente. sigue las instrucciones como te indique, crea el evento onchange en el segundo SELECT y desde este evento invocas la funcion submit del form.

[Greca]

Gracias de nuevo.
Perdona mi ignorancia, pero lo que no sé es como haría para que "selección" envie al form un "valor" distinto, que este pueda reconocer para redirigir a una pagina diferente... no se si me explico correctamente.

Te pongo un ejemplo, para ver si logro ilustrar mi consulta.

El usuario selecciona la CATEGORIA Hombres, se genera el segundo Select y en este elige la TEMÁTICA Halloween. Una vez realizado esto yo necesito que se abra la página h_h.shtml, si elige la TEMÁTICA Carnaval, necesitaria abrir h_c.shtml. y así sucesivamente..

Mil gracias por tu atención y tu tiempo....

[kurtrobertk]

Hola Greca,

Encontraste solución?yo estoy en las mismas, he leído un montón de post, pero no doy con la solución, también he de decir que ni nivel de javascript es paupérrimo, me ha surgido esto y a ver si doy con ello, también se me ocurrió crear el evento onchange en el segundo select pero no se como.
Bueno si lo leéis muchas gracias por vuestra atención.

[Greca]

Pues la verdad es que no, al final me decidí por un menú desplegable. No era lo que quería pero es que no logré que funcionara...

[kurtrobertk]

Hola Greca,

Vaya lástima...muchisimas gracias por contestar y más con esta rapidez!!