Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/03/2016, 11:30
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Generar filas de una tabla con Javascript

Bienvenido a Foros del Web.

Cuando tengas que crear a varios elementos similares, es mejor utilizar una estructura cíclica, como la estructura while o for; y para no complicarte con los nombres de las cajas de texto, puedes utilizar un nombre para formar un arreglo de elementos:
Código HTML:
Ver original
  1. <input type="text" name="ejemplo[0]" />
  2. <input type="text" name="ejemplo[1]" />
  3. <input type="text" name="ejemplo[2]" />
  4. <input type="text" name="ejemplo[3]" />

Para lo cual puedes utilizar el valor de la variable contadora (en un bucle), o una variable que lleve la cuenta de las cajas de texto creadas (si las fueras a añadir una por una):
Código Javascript:
Ver original
  1. //En un bucle
  2. for (var i = 0; i < total; i++){
  3.     var input = document.createElement("input");
  4.     input.name = "ejemplo[" + i + "]";
  5. }
  6.  
  7. //Una por una
  8. var i = 0;
  9. function crear(){
  10.     var input = document.createElement("input");
  11.     input.name = "ejemplo[" + i + "]";
  12.     i++; //Aquí se incrementa el valor de la variable para el siguiente elemento
  13. }

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand