Problema con un dos select.

[lucky8919]

Hola que tal..

Miren queria consultarles por un pequeño script en javascript.

Lo que necesito es que al hacer click en un option del select me habilite otro select.

En firefox funciona muy bien pero en Internet Explorer 6 no va :S

Y necesito que funcione porque el cliente me lo exige.


Esto es el primer select

Código HTML:

 <select name="result" style="width:100%">
                                                    <option value="0" onClick="document.getElementById('imputado').style.visibility='hidden';">OK</option>
                                                    <option value="1" onClick="document.getElementById('imputado').style.visibility='visible';">OBSERVACIONES</option>
                                                    <option value="2" onClick="document.getElementById('imputado').style.visibility='visible';">NO CONFORMIDAD</option>
                                                    <option value="3" onClick="document.getElementById('imputado').style.visibility='hidden';">RECHAZADO</option>
                                                    <option value="4" onClick="document.getElementById('imputado').style.visibility='hidden';">ASISTENCIA</option>
                                                    <option value="5" onClick="document.getElementById('imputado').style.visibility='hidden';">VERIF. DESCARTE</option>
                                                    <option value="6" onClick="document.getElementById('imputado').style.visibility='visible';">NO CONFORMIDAD MENOR</option>
                                                    <option value="7" onClick="document.getElementById('imputado').style.visibility='hidden';">PCM</option>
                                                </select> 

Y este es el segundo select que es habilitado de acuerdo a que opcion se seleccione en el primer select.

Código HTML:

 <input type="text" style="width:27px"/>
                                                <input type="text" style="width:48px"/>
                                                <select name="imputado" id="imputado" style="visibility:hidden;width:100px;">
                                                	<option></option>
                                                    <option></option>
                                                    <option></option>
                                                </select> 

Agradeceria cualquier ayuda que puedan darme. Muchas gracias.

[David]

No uses el evento onclick de los option, usa el evento onchange del select para realizar las acciones necesarias.

[lucky8919]

Y como deberia hacer para que al marcar determinada accion muestre el select y en caso contrario lo deje invisible?


Yo lo habia armado de esta forma:

Código HTML:

                                                <select name="result" style="width:100%" onchange="if(document.altas_form.result.options[1].value == 1 or document.altas_form.result.options[2].value == 2 or document.altas_form.result.options[6].value == 6){document.altas_form.imputado.style.visibility = 'visible'}">
                                                    <option value="0">OK</option>
                                                    <option value="1">OBSERVACIONES</option>
                                                    <option value="2">NO CONFORMIDAD</option>
                                                    <option value="3">RECHAZADO</option>
                                                    <option value="4">ASISTENCIA</option>
                                                    <option value="5">VERIF. DESCARTE</option>
                                                    <option value="6">NO CONFORMIDAD MENOR</option>
                                                    <option value="7">PCM</option>
                                                </select> 

Pero no me funciono de todas formas.

[David]

En el value del select tienes el valor de la opción seleccionada:

Código Javascript:

if (this.value == "0") {
    // opción con value 0 está seleccionado
}
 

[lucky8919]

Lo coloque asi:

Código HTML:

<select name="result" style="width:100%" onchange="if(this.value == 1 or this.value == 2 or this.value == 6){document.altas_form.imputado.style.visibility = 'visible'}"

Pero sigue sin funcionar :(

[hector2c]

aver, intenta con esto...

Código HTML:

<form name="formulario">
<select name="result" onChange="fn_ocultar();">
    <option value=0>OK</option>
    <option value=1>OBSERVACIONES</option>
    <option value=2>NO CONFORMIDAD</option>
    <option value=3>RECHAZADO</option>
    <option value=4>ASISTENCIA</option>
    <option value=5>VERIF. DESCARTE</option>
    <option value=6>NO CONFORMIDAD MENOR</option>
    <option value=7>PCM</option>
</select>
<br>
<select name="imputado" id="imputado">
    <option></option>
    <option></option>
    <option></option>
</select>
</form>
<script language="javascript" type="text/javascript">
	document.getElementById('imputado').style.visibility='hidden';
	function fn_ocultar(){
		var indice = document.formulario.result.selectedIndex;
		var valor = document.formulario.result.options[indice].value;
		switch(valor){
			case "1":
			case "2":
			case "3":
				document.getElementById('imputado').style.visibility='visible';
				break;
			default:
				document.getElementById('imputado').style.visibility='hidden';
				break;
		}
	} 

</script> 

[lucky8919]

Funciono perfecto muchas gracias hector2c

[hector2c]

n_________________n