Tengo una pequeña/gran duda con respecto a la generacion de tablas a travez de javascript.
Estoy intentando crear una tabla en donde el usuario va a ingresar los datos de varios participantes de un proyecto, el problema es que no se cuantos participantes son, porque varia con respecto a cada proyecto. ya tengo el codigo java script que genera las filas con los datos, pero no se como genera cada input con nombres (name="") diferentes.
Para que al enviarlos al php este pueda capturar cada valor por separado.
A continuacion les dejo el codigo que llevo.
Código Javascript:
Ver original
function creartabla(){ var tr = document.createElement("tr"), td1 = document.createElement("td"), td2 = document.createElement("td"), td3 = document.createElement("td"), td4 = document.createElement("td"), i1 = document.createElement("input"), i2 = document.createElement("input"), i3 = document.createElement("input"), i4 = document.createElement("input"), padre = document.getElementById("tabla1"); i1.setAttribute("class", "form-control"); i2.setAttribute("class", "form-control"); i3.setAttribute("class", "form-control"); i4.setAttribute("class", "form-control"); i1.setAttribute("type", "text"); i2.setAttribute("type", "text"); i3.setAttribute("type", "text"); i4.setAttribute("type", "text"); td1.setAttribute("class", "col-sm-3"); td2.setAttribute("class", "col-sm-3"); td3.setAttribute("class", "col-sm-3"); td4.setAttribute("class", "col-sm-3"); td1.appendChild(i1); td2.appendChild(i2); td3.appendChild(i3); td4.appendChild(i4); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tr.appendChild(td4); padre.appendChild(tr); }
Código HTML:
Ver original
Estoy usando Bootstrap por cierto, por eso las clases.
Antes que nada les agradezco la ayuda. :D