HTML 按钮点击自动复制上一行表格内容 - JavaScript 实现
您可以使用 JavaScript 来实现这个功能。下面是一个示例代码:
HTML 部分:
<table id="myTable"><tr><td><input type="text" /></td><td><button onclick="addTableRow()">Add Row</button></td></tr></table>
JavaScript 部分:
function addTableRow() {
var table = document.getElementById("myTable");
var lastRow = table.rows[table.rows.length - 1];
var newRow = lastRow.cloneNode(true);
// 清空新行的输入框
var inputs = newRow.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].value = "";
}
table.appendChild(newRow);
}
这段代码会在点击'Add Row'按钮时,复制上一行的内容并添加为新的一行。同时,新行的输入框会被清空,以便输入新的内容。
请注意,此代码仅为示例,您可能需要根据您的实际需求进行调整。
原文地址: https://www.cveoy.top/t/topic/plsY 著作权归作者所有。请勿转载和采集!