Habilitar selec y input text desde otro select

abermudez · #1 (**permalink**) 29/12/2009, 08:27

Hola:

Amigos lo que deseo el que atraves de un select (1) y eligiendo cualquier opcion que no sea la primera se habilite un input tipo txt y a su ves se despliegue otro select (2) con las mismas opciones que el select (1).

Esto iria creciendo tantas veces el usuario lo requiera.

He encontrado cosas por la web pero solo he podido habilitar el input txt a traves de un div oculto pero no se me muestra el select (2).

Les dejo el codigo y muchas gracias una ves mas

Soy nuevo en javascript (principiante) gracias por su cooperacion.

Código HTML:

<html>
<body>
<script type="text/javascript">
function verifica()
{
  var sel = document.getElementById( 'sel' );
  var textOculto = document.getElementById( 'textOculto' );
  
  if( sel.options[ sel.selectedIndex ].value > '0' )
  {
    textOculto.style.display = 'block';
  }
  else
  {
    textOculto.style.display = 'none';
  }
}  
</script>
<form action="#"  method="post">
<table width="90%" border="0" cellspacing="1" cellpadding="1">
  <tr>
    <td width="28%">
    <select id="sel" onchange="verifica();"> 
       <option value="0">Eliga</option> 
       <option value="1">Fondo</option> 
       <option value="2">Acabado</option> 
       <option value="3">Disolvente</option> 
       <option value="5">Otros</option>      
   	</select>
    </td>
    <td width="72%">
    <div id="textOculto" style="display: none;">
  	<input type="text" id="txtOtro" />
	</div>
    </td>
  </tr>
  <tr>
    <td>
   	<select id="sel" onchange="verifica();"> 
       <option value="0">Eliga</option> 
       <option value="1">Fondo</option> 
       <option value="2">Acabado</option> 
       <option value="3">Disolvente</option> 
       <option value="5">Otros</option>      
   	</select>
    </td>
    <td>
    <div id="textOculto" style="display: none;">
  	<input type="text" id="txtOtro" />
	</div>
    </td>
  </tr>
</table>
</form>
</body>  
</html>

Saludos

abermudez · #2 (**permalink**) 29/12/2009, 11:02

Se entiende la pregunta, se puede hacer esto

gracias