用于生成表行的JavaScript

时间:2014-12-03 14:14:13

标签: javascript c# html asp.net sql-server

我遇到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>

我感谢有关其他脚本或其他解决方案的建议。

1 个答案:

答案 0 :(得分:0)

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