Hola! tengo un script que crea una tabla al momento de presionar un botón con un total de filas que asignemos nosotros mediante un campo de texto, el problema es que no tengo idea de como almacenar la información de todos los input que se crean también junto con las filas.
No de Partidas. <input name="" type="text" id="numero" value="" size="3">
<input name="" type="button" onClick="myFunction()" value="Generar">
<script>
function myFunction() {
var numero = document.getElementById("numero").value;
//creacion de la tabla
var tblDatos = document.createElement('table');
tblDatos.cellPadding='1';
tblDatos.cellspacing='1';
tblDatos.width='80%';
tblDatos.border='1';
tblDatos.bgcolor='#666666';
//creacion del cuerpo de la tabla
var bdyDatos = document.createElement('tbody');
//creacion de los encabezados de la columnas
var trCabeza = document.createElement('tr');
var thnumero = document.createElement('th');
thnumero.innerHTML = 'No. de Partida';
var clasificacion = document.createElement('th');
clasificacion.innerHTML = 'Clasificacion';
var vinculacion = document.createElement('th');
vinculacion.innerHTML = 'Vinculacion';
var unidadmedida = document.createElement('th');
unidadmedida.innerHTML = 'Unidad de medida';
var cantpzas = document.createElement('th');
cantpzas.innerHTML = 'Cant. Pzas de Factura';
var cantpzastarifa = document.createElement('th');
cantpzastarifa.innerHTML = 'Cant. Pzas de tarifa y unidad de medida';
var paisorigen = document.createElement('th');
paisorigen.innerHTML = 'Pais de origen';
var permisos = document.createElement('th');
permisos.innerHTML = 'Permisos';
var anexo = document.createElement('th');
anexo.innerHTML = 'Anexo de partida';
//Insertar elementos a la fila
trCabeza.appendChild(thnumero);
trCabeza.appendChild(clasificacion);
trCabeza.appendChild(vinculacion);
trCabeza.appendChild(unidadmedida);
trCabeza.appendChild(cantpzas);
trCabeza.appendChild(cantpzastarifa);
trCabeza.appendChild(paisorigen);
trCabeza.appendChild(anexo);
//intsetar fila al cuerpo de tabla
bdyDatos.appendChild(trCabeza);
//Crear Fila
for(var linea = 1; linea <= numero; linea++) {
var trDatos = document.createElement('tr');
trDatos.align = 'center';
var td1 = document.createElement('td');
td1.innerHTML = '<input name="no_partida" type="text" />';
var td2 = document.createElement('td');
td2.innerHTML = '<input name="partida[]" type="checkbox" value="Clasificacion" />';
var td3 = document.createElement('td');
td3.innerHTML = '<input name="partida[]" type="checkbox" value="Vinculacion" />';
var td4 = document.createElement('td');
td4.innerHTML = '<input name="partida[]" type="checkbox" value="Unidad de Medida" />';
var td5 = document.createElement('td');
td5.innerHTML = '<input name="partida[]" type="checkbox" value="Cantidad de Piezas" />';
var td6 = document.createElement('td');
td6.innerHTML = '<input name="partida[]" type="checkbox" value="Cantidad de Piezas Tarifa" />';
var td7 = document.createElement('td');
td7.innerHTML = '<input name="partida[]" type="checkbox" value="Pais Oriden" />';
var td8 = document.createElement('td');
td8.innerHTML = '<input name="partida[]" type="checkbox" value="Anexo" />';
//instertar celdas a la fila
trDatos.appendChild(td1);
trDatos.appendChild(td2);
trDatos.appendChild(td3);
trDatos.appendChild(td4);
trDatos.appendChild(td5);
trDatos.appendChild(td6);
trDatos.appendChild(td7);
trDatos.appendChild(td8);
//intsetar fila al cuerpo de tabla
bdyDatos.appendChild(trDatos);
}
//instertar el cuerpo a la tabla
tblDatos.appendChild(bdyDatos);
//Agregar tabla al documento
document.body.appendChild(tblDatos);
}
</script>
Si alguien me pudiera sacar de esta duda se lo agradecería mucho!
Gracias.