Hola a todos, tengo el siguiente script que selecciona categorias y subcategorias de un combo select de manera dinamica. El Script funciona bien, el problema es que el script se encuentra dentro en un formulario, el cual al detectar un error de campo ( por ejemplo si no se lleno algun input text correctamente) este combo select vuelve a su estado original de seleccion y me gustaria que recordara la opcion que se eligió.
Muestro el script:
Código:
<select style="width:170px;" name="selectcategorias" onChange="changesubcategorias(this.options.selectedIndex)" class="inputs">
<option value="">Seleccione Categoría:</option>
<option value="15" > Resinas de Ingeniería (Engineering Resins)</option>
<option value="13" >PET</option>
<option value="11" >Poliestireno (Polystyrene)</option>
<option value="2" >Polietileno (Polyethylene)</option>
<option value="6" >Polipropileno (Polypropylene)</option>
<option value="14" >PVC</option>
</select>
<select style="width:170px;" name="selectsubcategorias" class="inputs">
<option value="">Seleccione subcategoría:</option>
</select>
<script>
var groups=document.doublecombo.selectcategorias.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("Seleccione subcategoría:","")
group[1][0]=new Option("ABS","10" )
group[1][1]=new Option("Acrilico/PMMA (Acrylic/PMMA)","11" )
group[1][2]=new Option("Acetales/POM (Acetals/POM)","12" )
group[1][3]=new Option("Elastomeros (Elastomers)","13" )
group[1][4]=new Option("Nylon (Nylon)","14" )
group[1][5]=new Option("PBT","15" )
group[1][6]=new Option("Policarbonato (Polycarbonate)","16" )
group[1][7]=new Option("SAN","17" )
group[2][0]=new Option("No tiene subcategorías","")
group[3][0]=new Option("Cristal/Uso General (GPPS)","8" )
group[3][1]=new Option("Impacto (HIPS) ","9" )
group[4][0]=new Option("Baja Densidad (LDPE)","1" )
group[4][1]=new Option("Baja Densidad Lineal (LLDPE)","2" )
group[4][2]=new Option("Alta Densidad (HDPE)","3" )
group[5][0]=new Option("Homopolimero (Homopolymer)","4" )
group[5][1]=new Option("Copolimero Impacto (Block/Impact)","5" )
group[5][2]=new Option("Copolimero Clarificado (Random Clarified)","6" )
group[5][3]=new Option("Cargado (Mineral Filled)","7" )
group[6][0]=new Option("No tiene subcategorías","")
var temp=document.doublecombo.selectsubcategorias
function changesubcategorias(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
//temp.selectedIndex=2;
//temp.options[].selected=true
}
//-->
</script>
Lo He intentado con Default select pero segun en este foro No es compatible con Firefox, y necesito que sea compatible con FF e IE.
parece ser que se puede con selectedIndex pero no se muy bien donde meter la sintaxis, de antemano agradezco mucho su ayuda.