Hola buenos días, alguien me podría decir que esta mal en este script que he heco?
Hay dos capas grupoA1 y grupoA2, este script esconde primero todas y despues muestra la que ha cogido mediante el value del select en teoria.
Código HTML:
<select onChange="mostrar(this.value)" class='verdana10' style='width:345px;'>
<option value='' selected='selected'>Select an option...</option>
<option value='grupoA1'>Your bag closes without zippers Add one code from 01 to 12</option>
<option value='grupoB1'>Your bag closes with zippers Add one code from 20 to 29</option>
</select>
f
function mostrar(id){
var opciones = new Array("A","B");
alert(opciones[1]);
for(i=0;i<=opciones.length;i++){
document.getElementById('grupo'+opciones[i]+'1').style.display ='none';
}
document.getElementById(id).style.display ='block';
}
Se me para en el for, despues de ejecutar el for no me hace nada, en cambio si pongo antes la linea document.getElementById(id).style.display ='block'; me muestra la que quiero y me las oculta después. Si funciona así porque no alrevés?
Muchas gracias!