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

Question

我正在研究基于Web的表单，需要具有灵活性以根据用户需要添加尽可能多的条目。这意味着我的表单块需要能够重复它自己的未定义次数，它可能是1或2，或者它可能是50.是否有一种动态重复表单元素的方法？

Answer 1

您可以输入字段追加到使用

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

Answer 2

完成的形式，这里是一个纯JS的解决方案：

您可以创建一个JavaScript变量，它包含了你想要的元素HTML文本创建：

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

然后你就可以插入formHtml变量的DOM元素的名为yourId b中结束Y：

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

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