Problema formulario

testes · #1 (**permalink**) 26/06/2004, 16:10

Hola,
tengo un problema con un formulario, tengo un combo que tiene opciones 1,2,3 y lo que quiero hacer es que segun selecciones la opcion 1, la 2 o la 3 aparezca debajo un recuadro de input para la opcion1, 2recuadros para la opcion 2 y 3 para la opcion3 y no se como hacerlo.....
alguna sugerencia?

Muchas gracias!!

living · #2 (**permalink**) 27/06/2004, 02:40

Yo les pondría a cada input el style="display:none" y después en el onchange del select pondría el display al input a "block" dependiendo de la opción.

testes · #3 (**permalink**) 27/06/2004, 08:55

podrias ponerme un ejemplo de la instruccion para poner el input a "block" no lo entiendo muy bien... sorry
Gracias !!

living · #4 (**permalink**) 27/06/2004, 09:15

un ejemplito rápido

Código HTML:

<html>
<head>
<script>
function setDisplay(opcion){
if (opcion==0){
	document.forms[0].input1.style.display="block";
	document.forms[0].input2.style.display="none";
	document.forms[0].input3.style.display="none";
}
else if (opcion==1){
	document.forms[0].input1.style.display="block";
	document.forms[0].input2.style.display="block";
	document.forms[0].input3.style.display="none";
} 
else if (opcion==2){
	document.forms[0].input1.style.display="block";
	document.forms[0].input2.style.display="block";
	document.forms[0].input3.style.display="block";
} 

}
</script>
</head>
<body>
<form>
<select onchange="setDisplay(this.selectedIndex)">
	<option>primero</option>
	<option>segundo</option>
	<option>tercero</option>
</select>
<input type="text" style="display:block" name="input1"><br>
<input type="text" style="display:none" name="input2"><br>
<input type="text" style="display:none" name="input3"><br>
</form>
</body>
</html>