Foros del Web » Programando para Internet » Javascript »

Problema con un dos select.

Estas en el tema de Problema con un dos select. en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/02/2010, 08:15
 
Fecha de Ingreso: junio-2008
Mensajes: 26
Antigüedad: 15 años, 8 meses
Puntos: 0
Pregunta Problema con un dos select.

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.
  #2 (permalink)  
Antiguo 18/02/2010, 08:28
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 18 años, 10 meses
Puntos: 839
Respuesta: Problema con un dos select.

No uses el evento onclick de los option, usa el evento onchange del select para realizar las acciones necesarias.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 18/02/2010, 08:33
 
Fecha de Ingreso: junio-2008
Mensajes: 26
Antigüedad: 15 años, 8 meses
Puntos: 0
Respuesta: Problema con un dos select.

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.

Última edición por lucky8919; 18/02/2010 a las 08:38
  #4 (permalink)  
Antiguo 18/02/2010, 08:43
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 18 años, 10 meses
Puntos: 839
Respuesta: Problema con un dos select.

En el value del select tienes el valor de la opción seleccionada:
Código Javascript:
Ver original
  1. if (this.value == "0") {
  2.     // opción con value 0 está seleccionado
  3. }
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 18/02/2010, 08:50
 
Fecha de Ingreso: junio-2008
Mensajes: 26
Antigüedad: 15 años, 8 meses
Puntos: 0
Respuesta: Problema con un dos select.

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 :(
  #6 (permalink)  
Antiguo 18/02/2010, 08:53
Avatar de hector2c  
Fecha de Ingreso: noviembre-2007
Ubicación: Perú - Tacna
Mensajes: 979
Antigüedad: 16 años, 3 meses
Puntos: 25
Pregunta Respuesta: Problema con un dos select.

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> 
__________________
blog: hector2c.wordpress.com
email: [email protected]
  #7 (permalink)  
Antiguo 18/02/2010, 08:59
 
Fecha de Ingreso: junio-2008
Mensajes: 26
Antigüedad: 15 años, 8 meses
Puntos: 0
Respuesta: Problema con un dos select.

Funciono perfecto muchas gracias hector2c
  #8 (permalink)  
Antiguo 18/02/2010, 09:59
Avatar de hector2c  
Fecha de Ingreso: noviembre-2007
Ubicación: Perú - Tacna
Mensajes: 979
Antigüedad: 16 años, 3 meses
Puntos: 25
Respuesta: Problema con un dos select.

n_________________n
__________________
blog: hector2c.wordpress.com
email: [email protected]

Etiquetas: dos, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:51.