用於生成表格行的JavaScript

Question

我對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> 

我欣賞其他腳本或其他解決方案的建議。

Answer 1

var cell1 = row.insertCell(0); 
 
var element1 = document.createElement("input"); 
 
element1.id = 'your_id'; 
 
cell1.appendChild(element1);