22/06/2012, 15:13
|
| | | Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años Puntos: 5 | |
| ocultar mostrar un select
Hola a todos, veran tengo un problema facil de solucionar, lo que pasa es que soy novato y no me sale.
Veran, tengo una select que segun elijo una opcion u otra, me hace visible un segundo y tercer select.
Pero lo que pasa es que cuando elijo una opcion A para hacerla visible, la opcion B no desaparece sino que se queda como con una media opacidad y yo quiero que desaparezca del todo y si selecciono la opcion B pues que desaparezca por completo A
este es el codigo y gracias de antemano:
<html>
<head>
<script language='javascript'>
function accion(){
with (document.fl){
switch (unidades.selectedIndex){
case 0:
s1.disabled = true;
s2.disabled = true;
break;
case 1:
s1.disabled = false;
s2.disabled = true;
break;
case 2:
s1.disabled = true;
s2.disabled = false;
break;
}
}
}
//.style.display = "none"
</script>
</head>
<body>
<form name='fl'>
Unidades:
<select name='unidades' onchange='accion()'>
<option> </option>
<option>Activa primero</option>
<option>Activa segundo</option>
</select>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
Primero:
<select name='s1'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<br/>
<br>
Segundo:
<select name='s2'>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
</form>
</body>
</html> |