how to remove textboxes on the basis of name

Question

i added some dynamic textboxes they all have same id but name different...........how i remove perticular textbox on the name basis in mvc

Ibrahim Siddique · Answer

when ever you create any element it goes in dom you can access it using any selector, can you please share your code if posible .

Indu Yadav · Answer

sir textboxes are dynamic .............in this case how to delete

Ibrahim Siddique · Answer

Hi Indu, Please check the Example byclicking below link : https://jsfiddle.net/wp9um2u8/

Ibrahim Siddique · Answer

Hi Indu, Please find below example $ ( '[name="ElementNameHere"]' ) . remove ();

Indu Yadav · Answer

sir in update action only this problem came .............everything working finw only remove button not working.......... jQuery(document).ready(function () { debugger $("#append").click(function (e) { debugger e.preventDefault(); $(".inc").append(' \ \ \ remove \ \ \ '); return false; }); jQuery(document).on('click', '.remove_this', function () { jQuery(this).parent().remove(); return false; }); $("#removeButton").click(function remove() { debugger counter = 1; counter++; $('[name="textboxlist1"]' + counter).remove(); $('[name="textboxlist2"]' + counter).remove(); }); $("input[type=submit]").click(function (e) { e.preventDefault(); $(this).next("[name=textbox3]") .val( $.map($(".inc :text"), function (el) { return el.value }).join(",
") ) }) }); Others : @for (int i = 0; i { @Html.TextBoxFor(x => x.TestBoxStringList[i], new { @name = "textboxlist1", @id = "textboxlist1", }) @*if (i % 2 == 1 || i % 2 == 0) { }*@ } remove @* Remove *@ @for (int i = 0; i { @Html.TextBoxFor(x => x.stringList1[i], new { @name = "textboxlist2", @id = "textboxlist2" }) @*if (i % 2 == 1 || i % 2 == 0) { }*@ } remove   add

how to remove textboxes on the basis of name

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (5)