我正在尝试创建具有不同名称属性的自定义字段,以便我可以通过执行req.body.name1
和req.body.name2
来访问它们。我的JS代码是
$(document).on("click",".add",function(){
var n= $(this).prev(".form-group" ).length+1;
var temp = $(this).prev(".form-group" ).clone();
$('input:first',temp).attr('placeholder','Custom Field').val("");
$(this).prev( ".form-group" ).after(temp);
});
我的HTML是
<div class="form-group">
<label for="customField" class="control-label">Custom Field</label>
<input type="text" class="form-control" id="customField" name="customField" placeholder="Your Field">
</div>
<input type="button" class="btn btn-primary add" id="add" value="Add Field"/>
我知道我在JS中缺少name属性,但Google今天没有帮助。如何更改此设置,以便用户点击&#34;添加字段&#34;他们将添加另一个自定义字段,但我可以从服务器端代码访问不同的名称。我还想将自定义字段限制为5.不知道如何在不知道如何更改名称属性的情况下执行此操作。
如果您需要更多代码或其他任何内容,请与我们联系。我想我提供了所需的所有代码。
编辑 - 发布后我意识到的一点是,我现在的方式不起作用,而且它也会添加label
,我希望每次都避免添加。 / p>