Jquery 使用“添加”按钮动态创建由下拉列表、文本框等组成的无限制部分

Jquery 使用“添加”按钮动态创建由下拉列表、文本框等组成的无限制部分,jquery,asp.net-mvc,asp.net-mvc-5,Jquery,Asp.net Mvc,Asp.net Mvc 5,我在表单上有一个部分,当用户单击“添加更多”按钮时,它将在页面上动态创建该部分,并能够在页面上创建任意数量的该部分。该部分由文本字段、下拉字段和文本区域组成。我将.NETMVC5与JQuery一起使用 我正在考虑的方法是,当用户通过Jquery单击“AddMore”时,我将创建一个表示该部分HTML的字符串。然后,我将该字符串与要显示在页面上的DIV标记相关联 我想知道过去是否有任何人使用过任何其他方法。您也可以呈现局部视图,而不是直接在jquery中编写html,局部视图应该包含您需要添加到节

我在表单上有一个部分,当用户单击“添加更多”按钮时,它将在页面上动态创建该部分,并能够在页面上创建任意数量的该部分。该部分由文本字段、下拉字段和文本区域组成。我将.NETMVC5与JQuery一起使用

我正在考虑的方法是,当用户通过Jquery单击“AddMore”时,我将创建一个表示该部分HTML的字符串。然后,我将该字符串与要显示在页面上的DIV标记相关联


我想知道过去是否有任何人使用过任何其他方法。

您也可以呈现局部视图,而不是直接在jquery中编写html,局部视图应该包含您需要添加到节中的所有内容,局部视图将通过jquery将其呈现为单击事件:

举个例子给你一个想法

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

如果您需要您的区段有一个删除按钮,您应该考虑到当它们是DOM被渲染后添加的元素时,将需要委派的事件:/P>jQuery可以用几种方式创建元素,例如“代码> $'(“”)会给您一个<代码> div <代码> jQuery对象。与之相当的是

document.createElement(“div”)
。字符串连接也很好。