重复表单字段是用户定义的次数

Question

我正在开发一个基于Web的表单，需要能够灵活地添加用户需要的条目。这意味着我的表单中的一大块需要能够重复它自己一个未定义的次数，它可能是1或2，或者它可能是50.是否有动态重复表单元素的方法？

Answer 1

完成后，这是一个纯粹的JS解决方案：

您可以创建一个JavaScript变量，其中包含您要创建的元素的HTML文本：

var formHtml = "<input type='text' name='inp'>"

然后您可以通过以下方式将formHtml变量插入名为yourId的DOM元素的末尾：

document.getElementById("yourId").innerHTML += formHtml;

更新：JSFiddle链接：https://jsfiddle.net/zjd3g0cy/

Answer 2

您可以使用

将输入字段附加到表单

$('.selector').append("<input type='text' name="xyz[]" />");