我已经通过 javascript 动态创建了控件(文本框和复选框)。即每次我单击addrow 按钮时都会生成一个新行。
但是我无法通过后面的代码访问新创建的元素。
请协助 :)
-----------aspx 文件--------------- 在 HTML 表格中添加/删除动态行
<script language="javascript">
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name = "chkbox[]";
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
cell2.innerHTML = rowCount + 1;
var cell3 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "txtbox[]";
cell3.appendChild(element2);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" value="Add Row" onclick="addRow('dataTable')" />
<table id="dataTable" width="350px" border="1">
<tr>
<td>
<input type="checkbox" name="chk" />
</td>
<td>
<input type="text" />
</td>
</tr>
</table>
</div>
</form>
</body>