¿Como podria hacer para que segun un numero seleccionado mediante un combobox, aparezan mas o menos campos de un formulario INPUT para rellenar?
Es decir, en un combobox aparecen 1, 2,3,4. Si se selecciona el 3 que aparezca inmediamente 4 huecos para rellenar datos.
Muchas gracias.
Hoy me siento generoso, pero todo esto es cuestión de buscar un pokito en google.
Función Javascript:
<script language="javascript">
function crear(num){
//vaciamos previamente el div contenedor
document.getElementById( 'contenedor' ).innerHTML = "";;
var i=0;
//creamos tantos campos como valor tenga el combobox
for (i=0;i<num;i++){
campotext=document.createElement( 'input' );
campotext.type='text';
campotext.name='texts[]';
campotext.size='35';
campotext.maxlenght='150';
campotext.value='Escribe algo aquí...';
campotext.class='';
document.getElementById( 'contenedor' ).appendChild(campotext);
document.getElementById( 'contenedor' ).innerHTML += '<br><br>';
}}
</script>
Código HTML:
<form id="form1" name="form1" method="post" action="">
<select name="numtexts" id="numtexts" onchange="crear(this.value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
<div id="contenedor"></div>
Supongo que con esto te servirá.
Utiliza el document.getElementById(caja_texto).style.display = "none" , para ocultar y document.getElementById(caja_texto).style.display = "" para mostrar una caja de texto
Evidentemente, las cajas de texto han de estar ocultas por defecto. Luego, en el onchange del combobox, dependiendo del valor, muestras las cajas de texto que quieras
