'<td><input type="text" name="count[' + row + ']" value="' + arr_res[key][0] + '"></td>'按这个增加onclick删除行
时间: 2024-05-03 07:22:00 浏览: 60
js动态增加,删除行,可运行
4星 · 用户满意度95%
您可以将以下代码添加到HTML中:
```
<table id="myTable">
<tr>
<td><input type="text" name="count[0]" value=""></td>
<td><button type="button" onclick="deleteRow(this)">删除行</button></td>
</tr>
</table>
<button type="button" onclick="addRow()">添加行</button>
<script>
function addRow() {
var table = document.getElementById("myTable");
var row = table.insertRow(-1);
var countCell = row.insertCell(0);
var deleteCell = row.insertCell(1);
countCell.innerHTML = '<input type="text" name="count[' + table.rows.length + ']" value="">';
deleteCell.innerHTML = '<button type="button" onclick="deleteRow(this)">删除行</button>';
}
function deleteRow(button) {
var row = button.parentNode.parentNode;
row.parentNode.removeChild(row);
}
</script>
```
这将创建一个带有“添加行”按钮和一个带有“删除行”按钮和一个输入框的表格。每次单击“添加行”按钮时,将添加一个新行。每次单击“删除行”按钮时,将从表格中删除该行。输入框的名称将根据行的索引自动更新。
阅读全文