crear tantos input text como el número elegido.

educacanis · #1 (**permalink**) 14/03/2012, 08:42

Hola, estoy creando un formulario de manera que al seleccionar un número en una lista me cree tantos input como el número elegido. El problema que tengo es que no sé como introducir en la variable ese número. Tengo el siguiente código:

Código Javascript en el <head>

Código Javascript:

Ver originalfunction crear(obj) {
    var num 
for (num=1;num<=10;num++) { 
  fi = document.getElementById('fiel');
  contenedor = document.createElement('div');
  contenedor.id = 'div'+num; 
  fi.appendChild(contenedor);
 
  ele = document.createElement('input');
  ele.type = 'text';
  ele.name = 'fil'+num;
  contenedor.appendChild(ele); 
}
}

Código html con la selección y donde se crean los input

Código HTML:

<form><label>Número de Tiradores (participantes del club)
      <select name="numero_tr" id="numero_tr" onblur="crear(this)">
        <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>
<fieldset id="fiel">
</fieldset>

sé que con ésto se crean cada vez que cambio de número 10 input text, lo que quiero conseguir es que la variable num dependa del value de la selección. Tiene que ser simple, pero no consigo resolverlo

educacanis · #2 (**permalink**) 14/03/2012, 08:49

ya he conseguido resolverlo, era bastante más simple de lo que creía:

Código Javascript:

Ver originalvar num
    var max = document.getElementById("numero_tr").value;
for (num=1;num<=max;num++) {