javascript - 添加动态输入字段，从数组中分配新的 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