Select anidados - No funciona en explorer microsoft
Publicado por Javier (23 intervenciones) el 04/07/2013 14:32:18
Hola y buenas tardes a todos.
Estoy desarrollando un formulario y entre otros campos tengo selects anidados.
La categoria a seleccionar depende de la modalidad y en este caso no funciona en el explorer y en cambio si en el resto de los navegadores.
Para cambiar el contenido del segundo select ejecuto el siguiente proceso:
No me retorna ningun error y no entientdo por que en el resto de navegadorer lo hace.
¿Podriais ayudarme?.
Gracias.
Javier.
Estoy desarrollando un formulario y entre otros campos tengo selects anidados.
La categoria a seleccionar depende de la modalidad y en este caso no funciona en el explorer y en cambio si en el resto de los navegadores.
1
2
3
4
5
6
7
8
9
10
<select size="2" name="modalidad" id="modalidad" style="background-color: orange;">
<option selected="selected">Elige modalidad</option>
<option >Oficiales</option>
<option >Open</option>
<option >Otras</option>
</select>
<select size="2" name="categoria" id="categoria" style="background-color: orange;">
<option selected="selected">Categoria</option>
</select>
Para cambiar el contenido del segundo select ejecuto el siguiente proceso:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$("#modalidad").change(function(){
switch(this.value)
{case "Elige modalidad":
datoM = '<option >Ninguna</option>';
$("#categoria").html("");
$("#categoria").html(datoM);
div = document.getElementById("sportid");
div.style.display="none";
break;
case "Oficiales":
datoC = '<option >Alevin</option><option>Infantil</option><option>Cadete</option><option>Juvenil</option><option>Senior_A</option><option>Senior_B</option><option>Master 35</option><option>Master 50</option><option>Universitario</option>';
$("#categoria").html("");
$("#categoria").html(datoC);
div = document.getElementById("sportid");
div.style.display="";
calculaprecio();
break;
case "Open":
datoP = '<option>Rojo</option><option>Naranja</option><option>Amarillo</option> ';
$("#categoria").html("");
$("#categoria").html(datoP);
div = document.getElementById("sportid");
div.style.display="none";
calculaprecio();
break;
case "Otras":
datoF = '<option>Correlin</option><option>Formacion</option><option>Invitado</option> ';
$("#categoria").html("");
$("#categoria").html(datoF);
div = document.getElementById("sportid");
div.style.display="none";
calculaprecio();
break;
$("#categoria option[value=1]").attr("selected",true);
};});
No me retorna ningun error y no entientdo por que en el resto de navegadorer lo hace.
¿Podriais ayudarme?.
Gracias.
Javier.
Valora esta pregunta
0
