我有一个表格,其中每行包含 4 个单元格,每个单元格默认包含一个文本框。我只有 1 行和一个按钮,允许我在每次单击时添加额外的行。
如何在 Javascript 中动态添加包含文本框的表格行?
我也想让他们的文本框 id 改变:
<input type="text" id="txtbox1" />
<input type="text" id="txtbox2" />
现在,我有添加单元格的代码:
JavaScript:
<script type="text/javascript">
function insertRow(){
var table=document.getElementById("tbSibling");
var row=table.insertRow(2);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
var cell3=row.insertCell(2);
var cell4=row.insertCell(3);
}
</script>
桌子:
<table id="myTable">
<th>Name</th>
<th>Age</th>
<th>Gender</th>
<th>Occupation and Employer</th>
<th>Add</th>
<tr>
<td><input type="text" id="txtName" /></td>
<td><input type="text" id="txtAge" /></td>
<td><input type="text" id="txtGender" /></td>
<td><input type="text" id="txtOccupation" /></td>
<td id="btnAdd" class="button-add" onclick="insertRow();">add</td>
</tr>
</table>