Как создать динамические текстовые поля без пропуска CSS
Hi, In my we form, I have a textbox where an integer can be placed and by clicking the button next to it, It should dynamically create that many textboxes as a table. The jQuery code for which is:
$("#ContentPlaceHolder1_LnkBtnNoofItems").click(function () { $(".white-table-view-block").removeClass("hide"); $("#Table-id-Name").removeClass("hide"); $("#Table-id-Name").each(function () { var NumbRow = $("#txtNoofItems").val(); var htmlvar = ''; for (i = 0; i < NumbRow; i++) { htmlvar += ''; htmlvar += ' '; htmlvar += '<input type="text" id="item_number_input' + i + '" class="form-control" placeholder="Number" />'; htmlvar += '<input type="text" id="item_des_input' + i + '" class="form-control" placeholder="Number" />'; htmlvar += '<input type="text" id="item_quantity_input' + i + '" class="form-control" placeholder="Pieces" />'; htmlvar += '<input type="text" id="item_cost_input' + i + '" class="form-control" placeholder="$" />'; htmlvar += '<input type="text" id="item_total_input' + i + '" class="form-control" placeholder="$" />'; htmlvar += '<a id="item_action_btn' + i + '" class="delet-icon"></a>'; htmlvar += ''; } $('.tbody-content').append(htmlvar); $(".delet-icon").click(function () { $(this).parents("tr").remove(); }); }); });
Код текстового поля и кнопки ссылки:
<div class="col-md-4 col-lg-2"> <div class="number-of-item-block"> <div class="row"> <div class="col-md-12"><asp:label runat="server" ID="lblNoofItems" Text="No. of Item Rows"></div> <div class="col-md-12"> <asp:TextBox runat="server" class="form-control" id="txtNoofItems" placeholder="#" > <asp:Linkbutton runat="server" ID="LnkBtnNoofItems" class="btn btn-dark-blue"> <div class="row"> <div class="col-md-6"></div> <div class="col-md-6"></div> </div> </div> </div> </div> </div>
Пожалуйста, помогите мне, как решить эту проблему
Что я уже пробовал:
Я пробовал использовать jQuery, но мне нужен < asp:TextBox />, который является серверным элементом управления, поэтому не может быть создан с помощью клиентского кода. Помогите мне, предоставив серверный код на C# о том, как это сделать.