Buenas que tal, soy nuevo en JQuery y no tengo mucho conocimiento, sin embargo casi he conseguido lo que busco, paso a explicarme:
Estoy intentando agregar filas de forma dinámica a una tabla HTML, esto ya lo he conseguido; Las filas contienen campos
'Input' que forman un formulario (ejemplo para que el usuario ingrese texto), el cual luego deseo enviar al hacer
'Submit', la idea sería una especie de formulario dinámico.
Este es mi código actual:
Código Javascript
:
Ver original$(document).ready(function() {
$('#btnAdd').click(function() {
//con 'n' quisiera ir modificando los IDs de los elementos que estan dentro de la fila.
var n = $('tr', $("#mitabla")).length;
// Clono la última fila tal cual esta.
var fila = $('tr:last', $("#mitabla")).clone(true);
//Agrego la fila a la tabla.
$("#mitabla").append(fila);
});
});
Las filas las agrego correctamente,
PERO al clonarlas, los
ID de los elementos
'Input' se mantienen, siguen siendo los mismos, entonces al hacer
'Submit' estos se pisan unos con otros.
Lo que necesitaría es saber como poder hacer para que además de Clonar la fila, poder cambiar el
ID a cada
'Input' que esté dentro de un
'td' de esa última fila agregada/clonada.
Espero haberme explicado bien y desde ya muchas gracias por su tiempo.
Saludos.