Hola
Eso ocurre por que al usar
cloneNode, se clona el campo. Si a ese campo se le ha dado un valor, este también es clonado
Prueba con este otro
Código Javascript
:
Ver original<html>
<head>
<title>Crear filas</title>
<script type="text/javascript">
var indiceFila = 0;
function NuevaFila() {
myNewRow = document.getElementById("Tabla").insertRow(-1);
myNewCell=myNewRow.insertCell(-1);
var elemento = document.createElement("INPUT");
elemento.setAttribute("type","text");
elemento.setAttribute("size","8");
elemento.setAttribute("maxlength","15");
elemento.setAttribute("name","codigo[]");
elemento.setAttribute("id","codigo_" + indiceFila);
myNewCell.appendChild(elemento);
myNewCell=myNewRow.insertCell(-1);
var elemento2 = document.createElement("INPUT");
elemento2.setAttribute("type","text");
elemento2.setAttribute("size","25");
elemento2.setAttribute("maxlength","40");
elemento2.setAttribute("name","nombre[]");
elemento2.setAttribute("id","nombre_" + indiceFila);
myNewCell.appendChild(elemento2);
myNewCell=myNewRow.insertCell(-1);
var elemento3 = document.createElement("INPUT");
elemento3.setAttribute("type","text");
elemento3.setAttribute("size","10");
elemento3.setAttribute("maxlength","20");
elemento3.setAttribute("name","unidad[]");
elemento3.setAttribute("id","unidad_" + indiceFila);
myNewCell.appendChild(elemento3);
myNewCell=myNewRow.insertCell(-1);
var elemento4 = document.createElement("INPUT");
elemento4.setAttribute("type","text");
elemento4.setAttribute("size","10");
elemento4.setAttribute("maxlength","20");
elemento4.setAttribute("name","cantidad[]");
elemento4.setAttribute("id","cantidad_" + indiceFila);
myNewCell.appendChild(elemento4);
indiceFila++;
}
function quitaFilaATabla() {
var tbl = document.getElementById('Tabla');
var lastRow = tbl.rows.length;
if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}
</script>
</head>
<body>
<a href="javascript
:void(0);" onClick="NuevaFila()">Adicionar Fila</a> || <a href="javascript
:void(0);" onClick="quitaFilaATabla()">Eliminar Fila</a>
<br />
<form>
<table border="1px" id="Tabla">
<tr>
<td>CÓDIGO</td><td>NOMBRE</td><td>UNIDAD</td><td>CANTIDAD</td>
</tr>
<tr>
<td><input type="text" size="8" maxlength="15" name="codigo[]" id="codigo_0" /></td>
<td><input type="text" size="25" maxlength="40" name="nombre[]" id="nombre_0" /></td>
<td><input type="text" size="10" maxlength="20" name="unidad[]" id="unidad_0" /></td>
<td><input type="text" size="10" maxlength="20" name="cantidad[]" id="cantidad_0" /></td>
</tr>
</table>
<br />
<input type="submit" value="enviar" />
</form>
</body>
Suerte