我对 JavaScript 和 HTML 有疑问;我有一个只有一行的表格,我想使用 JavaScript 添加额外的一行。我的脚本工作正常,但我的问题是我想为任何 textbox
使用不同的 ID。
我不熟悉 JavaScript。
最后我想将我的文本框数据插入到 MSSQL 中。
我的代码:
<SCRIPT language="javascript">
function addRow(tableID) {
var table = document.getElementById(tableID);
var row = table.insertRow();
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
cell1.appendChild(element1);
var cell3 = row.insertCell(1);
var element2 = document.createElement("input");
cell3.appendChild(element2);
var cell4 = row.insertCell(2);
var element3 = document.createElement("input");
cell4.appendChild(element3);
var cell5 = row.insertCell(3);
var element4 = document.createElement("input");
cell5.appendChild(element4);
var cell6 = row.insertCell(4);
var element5 = document.createElement("input");
cell6.appendChild(element5);
}
</SCRIPT>
和我的 html:
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
<table id="dataTable">
<caption>
<asp:Label ID="Label1" runat="server" Font-Size="Small" ForeColor="Red"></asp:Label>
</caption>
<tr>
<td>
<asp:TextBox ID="TextBoxFam_name" runat="server"></asp:TextBox><br />
</td>
<td>
<asp:TextBox ID="TextBoxFam_relation" runat="server"></asp:TextBox><br />
</td>
<td>
<asp:TextBox ID="TextBoxFam_age" runat="server"></asp:TextBox><br />
</td>
<td>
<asp:TextBox ID="TextBoxFam_education" runat="server"></asp:TextBox><br />
</td>
<td>
<asp:TextBox ID="TextBoxFam_statuse" runat="server"></asp:TextBox><br />
</td>
</tr>
</table>
我很感激关于其他脚本或其他解决方案的建议。
最佳答案
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.id = 'your_id';
cell1.appendChild(element1);
关于用于生成表行的 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27273907/