添加从数组分配新 id 的动态输入字段

Question

我正在处理 PHP 页面的输入表单，并且希望不必预先确定输入字段的数量。是否可以创建一个“添加输入字段”按钮来添加一个新的输入字段并为该字段分配一个新的 ID/名称，以便可以将其发布到 php 变量？这可以通过一组输入字段名称或其他东西来完成吗？

Answer 1

示例：

 <div class="form-group">
      <label for="usr">Name:</label>
      <input type="text" class="form-control" id="usr">
    </div>
 <button id="button" type="button">add field!</button> 

jquery：

$( document ).ready(function() {
var id = 0;

$( "#button" ).click(function() {
    var name = 'name of '+ id;
    $('.form-group').append('<label for="'+id+'">'+name+':</label><input type="text" class="form-control"   id="'+id+'">')
    id++;
});
});

检查这个fiddle