如何从文本框向表*单元格*插入数据

时间:2015-12-30 09:52:05

标签: c# asp.net html-table

我有3个文本框,一个“添加”按钮和一个没有任何数据的表。

我要求用户在3个文本框中输入数据,然后按“添加”按钮。单击“添加”时,我想将文本框中的数据插入表格中的单元格1。

我该怎么做?我需要在一个单元格中填充3个文本框而不是一行。

    <h2>Please Enter Car details</h2>

                <asp:Label CssClass="details_label"  ID="lebal1" runat="server" >Owner name</asp:Label>
                <asp:TextBox CssClass="details_input" ID="ownerTxt" runat="server" placeholder="Enter Owner name"></asp:TextBox>

                <asp:Label CssClass="details_label" ID="label2" runat="server" >Car Brand</asp:Label>
                <asp:TextBox CssClass="details_input" ID="brandTxt" runat="server" placeholder="Enter Car Brand"></asp:TextBox>

                <asp:Label CssClass="details_label" ID="label3" runat="server" >Car Number</asp:Label>
                <asp:TextBox CssClass="details_input" ID="numberTxt" runat="server" placeholder="Enter Car Number"></asp:TextBox>


                <asp:Button CssClass="details_button" ID="addbtn" Text="Add" runat="server" Height="16px" Width="65px"/>

    <table class="table">
        <tr>
            <th>Zone 1</th>
            <th>Zone 2</th>
            <th>Zone 3</th>

        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
        </tr>
</table>
    </form>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

将单元格1转换为服务器控件(将<td>Cell 1</td>替换为<td id="cell1" runat="server">Cell 1</td>,依此类推),将OnClick处理程序添加到addbtn,从此处理程序中的文本框中读取值并指定他重视cell1