Hola a todos como puedo borrar columnas que agrego dinamicamente de la siguiente manera:
mi input donde ingreso la cantidad :
<input name="cant" type="text'" id="cantidad" onKeyUp="addRow()" />
mi funcion javascript que me agraga clumnas y filas con inputs de acuedo a la cantidad ingresado en el input cantidad.
function addRow(){
veces=document.getElementById('item').value;
id=document.getElementById('myTable').id;
for(r=0;r<veces;r++){
var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode("columna 1"))
var td2 = document.createElement("TD")
td2.appendChild (document.createTextNode("columna 2"))
var td3 = document.createElement("TD")
td3.appendChild (document.createTextNode("columna 3"))
row.appendChild(td1).innerHTML='<input type="text" name="p_nom[]" id="txtnombre" />';
row.appendChild(td2).innerHTML='<input type="text" name="p_ape[]" id="txtapellido" />';
row.appendChild(td3).innerHTML='<input type="text" name="p_dni[]" id="txtdni" />';
tbody.appendChild(row);
}
}
y mi cabezara de mi tabla donde me agraga:
<table id="myTable" class="table table-hover table-striped table-bordered">
<tbody>
<tr>
<td>Nombre</td><td>Apellido</td><td>Dni</td>
</tr>
</tbody>
</table>
el problema es cada vez que ingreso un nuevo valor en mi input cantidad me sigue agregando.
yo lo que quiero es que cada vez que cambie de valor en el input cantidad me borre las anteriores y me agrage nuevo de acuerdo a la cantidad ingresada.
como lo podra hacer ...