Как вставить данные в таблицу * ячейку * из текстового поля

У меня есть 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>

person eslam    schedule 30.12.2015    source источник
comment
@Shaharyar нет, я использую таблицу из ящика для инструментов   -  person eslam    schedule 30.12.2015
comment
Я знаю, я предлагаю вам вместо этого использовать GridView. Потому что после ввода вы спросите, как сохранить его в БД или получить в C#. GridView поможет вам достичь всего этого.   -  person Shaharyar    schedule 30.12.2015
comment
да, я знаю, и мне нравится использовать GridView, но на этот раз мой лидер хочет использовать таблицу :( без источника данных   -  person eslam    schedule 30.12.2015


Ответы (1)


Преобразуйте ячейку 1 в серверный элемент управления (замените <td>Cell 1</td> на <td id="cell1" runat="server">Cell 1</td> и т. д.), добавьте обработчик OnClick в addbtn, прочитайте значения из текстовых полей в этом обработчике и назначьте значения cell1.

person ViRuSTriNiTy    schedule 30.12.2015