Hola
Veamos que te parece este otro usando
cloneNode()
Código Javascript
:
Ver original<html>
<head>
<script type="text/javascript">
function addFilaATabla() {
var tbl = document.getElementById('Tabla');
var rows = tbl.getElementsByTagName('tr');
var len = rows.length;
var lastRow = rows[len-1];
var clone = lastRow.cloneNode(true);
clone.getElementsByTagName('input')[0] = lastRow.getElementsByTagName('input')[0];
clone.getElementsByTagName('input')[1] = lastRow.getElementsByTagName('input')[1];
clone.getElementsByTagName('input')[2] = lastRow.getElementsByTagName('input')[2];
clone.getElementsByTagName('input')[3] = lastRow.getElementsByTagName('input')[3];
clone.getElementsByTagName('input')[0].name = 'ano_carrera[]';
clone.getElementsByTagName('input')[1].name = 'nombre_carrera[]';
clone.getElementsByTagName('input')[2].name = 'posicion_carrera[]';
clone.getElementsByTagName('input')[3].name = 'jockey_carrera[]';
tbl.appendChild(clone);
}
function quitaFilaATabla() {
var tbl = document.getElementById('Tabla');
var lastRow = tbl.rows.length;
if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}
</script>
</head>
<body>
<form>
<table id="Tabla" width="100%" border="1">
<tr>
<td>año</td>
<td>carrera</td>
<td>posicion</td>
<td>jockey</td>
</tr>
<tr>
<td><input type="text" name="ano_carrera[]" /></td>
<td><input type="text" name="nombre_carrera[]" /></td>
<td><input type="text" name="posicion_carrera[]" /></td>
<td><input type="text" name="jockey_carrera[]" /></td>
</tr>
</table>
<br />
<input type="button" value="Añadir otra" onclick="addFilaATabla();" />
<input type="button" value="Eliminar última" onclick="quitaFilaATabla();" />
<br />
<input type="submit" value="enviar" />
</form>
</body>
</html>
Suerte