Динамически создавать неограниченный раздел, состоящий из выпадающего списка, текстового поля и т. Д.) С помощью кнопки Добавить

Question

У меня есть раздел в форме, который, когда пользователь нажимает кнопку «Добавить еще», будет динамически создавать этот раздел на странице с возможностью создавать любое количество этого раздела на странице.Раздел состоит из текстовых полей, выпадающих полей и текстовой области.Я использую .NET MVC 5 с JQuery.

Подход, который я рассматриваю, заключается в том, что когда пользователь нажимает «Добавить больше» через Jquery, я создаю строку, представляющую HTML-код для этого раздела.Затем я связываю эту строку с тегом DIV для отображения на странице.

Мне было интересно, существует ли какой-либо другой подход, который кто-либо использовал в прошлом.

Answer 1

Вы также можете визуализировать частичное представление вместо непосредственного написания html в jquery, ваше частичное представление должно содержать все, что нужно добавить в ваш раздел, частичное представление будет отображать его с помощью jquery в событие click:

пример, чтобы дать вам представление

$("#btnAddMore").click(function(){
var url = "@Html.Raw(Url.Action("GetPartialViewMethod", "ControllerName))";
$("#sectionsContainer").load(url)
})

если вам нужно, чтобы в ваших разделах была кнопка удаления, вы должны учитывать, что, поскольку они являются элементами, которые добавляются после отображения DOM, потребуются делегированные события