如何使用jQuery克隆输入字段并复制其值？

Question

我有一个带有输入字段的动态表单，表单必须是动态的，因此我选择克隆输入字段，新字段不包含任何数据，如果可能，我想从原始字段中复制值。

我的htmlcode：

<div class="col-md-2">
    <label class="text-muted">Datepicker</label>
    <div class="input-group">
        <input type="text" class="form-control datepick" name="from_date[]" value="Choose date">
        <span class="input-group-addon"><i class="fa fa-calendar fa-lg"></i></span>
    </div>
</div>

jquery代码：

$(document).ready(function() {

    var max_fields = 10; //maximum input boxes allowed

    $(".add_field_button").click(function(e){

        fieldset_clone = add_button
            .closest('fieldset')
            .find('.fieldset-content')
            .eq(0)
            .clone();

        fieldset_clone.find('[name]')
                      .each(function(){
                          $(this).val($(this).prop('defaultValue'));
                      });

        fieldset_content = $('<div>')
            .addClass('fieldset-content')
            .append(fieldset_clone.children());             
    });
});

Answer 1

尝试在功能点击结束时添加);。