Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Error en hide y show para un combobox

Estas en el tema de Error en hide y show para un combobox en el foro de Frameworks JS en Foros del Web. Hola amigos estoy haciendo un combobox q capture la posicion y luego haga un show para mostrar una caja de texto q necesito. dicha caja ...
  #1 (permalink)  
Antiguo 10/06/2011, 08:29
 
Fecha de Ingreso: marzo-2009
Mensajes: 90
Antigüedad: 11 años, 7 meses
Puntos: 0
Error en hide y show para un combobox

Hola amigos estoy haciendo un combobox q capture la posicion y luego haga un show para mostrar una caja de texto q necesito.

dicha caja de exto esta en un div llamado box1, solo se mostrara la caja de texto para las posiciones 2, 3, 4,5 y para las demas posiciones 0, 1, y en caso de que existan mas no se mostrara el imput, por ahora lo estoy haciendo estatico, pero ese combobox en el futuro se llenara dinamicamente con php desde una tabla en mysql. pero por ahora lo ahre estatico para ver como es el funcionamiento, aqui el codigo q no me funciona.

Código HTML:
<script type="text/javascript">
$(document).ready(function(){
	 $('#thechoices').change(function(){
		 x=$(this).val();							  
		if(x=2)  {
         $('#box1').show(400);
		  
		}	
	  else if(x=0){
		  $('#box1').hide(400);
		  }
		
			   });				   
			});
   
</script>
<style type="text/css">
#box1{ display:none;}

</style>
</head>

<body>

<select id="thechoices">
<option>[seleccione]</option>
<option>Ortopedia</option>
<option>Hospitalizacion</option>
<option>Uci-Neonatal</option>
<option>Uci-Pediatrico</option>
<option>Uci-Adulto</option>

</select>


<div id="box1"><p><input type="text" name="camas" size="30" /></p></div>

</body> 
  #2 (permalink)  
Antiguo 11/06/2011, 16:44
Avatar de diegovazgonz  
Fecha de Ingreso: octubre-2010
Ubicación: Ourense
Mensajes: 184
Antigüedad: 10 años
Puntos: 11
Respuesta: Error en hide y show para un combobox

espero que te valga, a mi me funciona, pero al cabiar el checbox debes acer click fuera de el para que valla,auenque a veces no hace falta
Código PHP:
Ver original
  1. <script type="application/javascript" language="javascript" src="scripts/js/jquery.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4.      $('#thechoices').change(function(){
  5.          x=document.getElementById('thechoices').selectedIndex;                          
  6.         if(x > 0)  {
  7.          $('#box1').show(400);
  8.          
  9.         }  
  10.       else {
  11.           $('#box1').hide(400);
  12.           }
  13.        
  14.                });                 
  15.             });
  16.    
  17. </script>
  18. <style type="text/css">
  19. #box1{ display:none;}
  20.  
  21. </style>
  22. </head>
  23.  
  24. <body>
  25.  
  26. <select id="thechoices">
  27. <option>[seleccione]</option>
  28. <option>Ortopedia</option>
  29. <option>Hospitalizacion</option>
  30. <option>Uci-Neonatal</option>
  31. <option>Uci-Pediatrico</option>
  32. <option>Uci-Adulto</option>
  33.  
  34. </select>
  35.  
  36.  
  37. <div id="box1"><p><input type="text" name="camas" size="30" /></p></div>
  38.  
  39. </body>

Etiquetas: javascript, jquery
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 14:56.