Formulario con campos Dinamico.

[Firez]

Buenas, hice este hilo en La seccion de PHP tambien, pero enfocado hacia php.. Ahora mis dudas en JS

Necesito crear un formulario donde la cantidad de ciertos campos campos sea dinamica, es decir, que dependa de un valor anterior.

Estaba pensando hacerlo de la siguiente manera (El formulario es para un censo):

Paso 1 (censo.php)

"Seleccione numero de hijos" [1-10]
"Cuantas mascotas posee" [1-10]

Un select con el numero de hijos y cantidad de mascotas, digamos que seleccionas 5 hijos y 1 mascota. Entonces, necesito que muestre 5 campos para los hijos y 1 para la mascota, o sea cual sea el valor que la persona seleccione.


Inserte Los nombres y edad de Sus hijos:
[textarea(nombre)1] [textarea(edad)1]
[textarea(nombre)2] [textarea(edad)2]
[textarea(nombre)3] [textarea(edad)3]
[textarea(nombre)4] [textarea(edad)4]
[textarea(nombre)5] [textarea(edad)5]

Selccione el tipo de mascota que posee:
[textarea(tipodemascota)1]

Como podria hacer esto en JavaScript?

[goteen_mx]

Se me ocure algo así, aunque tambien puedes utilizar DOM para crear los elementos.

Saludos.

Código Javascript:

<script>
   function f_crearHijos(){
     var txt_hijos="";
     for(var i=1;i<document.getElementById("slct_hijos").options[document.getElementById("slct_hijos").selectedIndex].value+1;i++){
          txt_hijos+="hijo "+i+ ": <input type='text' id='txt_"+i+"'><br>";
     }
 
    document.getElementById("div_hijos").innerHTML=txy_hijos;
  }
</script>
 
<select id="slct_hijos" onchange="f_crearHijos();">
   <option>1</option>
   <option>2</option>
    .....
    .....
</select>
<br>
<div id="div_hijos"></div>
 

[Firez]

gracias por tu respuesta :)

Al final he decidido irme por el php, pero usare este metodo en otra seccion :D

Ya cuando lo tenga listo, lo posteare.