Error en hide y show para un combobox

kosios · #1 (**permalink**) 10/06/2011, 08:29

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>

diegovazgonz · #2 (**permalink**) 11/06/2011, 16:44

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<script type="application/javascript" language="javascript" src="scripts/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
     $('#thechoices').change(function(){
         x=document.getElementById('thechoices').selectedIndex;                           
        if(x > 0)  {
         $('#box1').show(400);
          
        }   
      else {
          $('#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>