Question

我使用jQuery来克隆html输入字段，我的jquery代码是：

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

    $('.fieldset-content').first().clone().appendTo('.fieldset-clone');

    var rmvBtn = $('.fieldset-content').last().find('.remove-button');

    add_remove_btn(rmvBtn);
});

我克隆的HTML代码是：

<div class="fieldset-clone" data-count="1">
    <div class="fieldset-content">
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="description">description</label>
                    <input name="description[]" type="text" class="form-control name">
                </div>
            </div>
            <div class="col-md-4">
                <br>
                <input name="img[]" type="file">
            </div>
            <div class="col-md-2 remove-button"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

如果用户在字段中键入了值，则还会克隆该值。有没有办法在克隆元素时重置文本输入文件？

.add_field_button是克隆输入字段的按钮。

Answer 1

您可以通过将其设置为空字符串来清除该值; val('')。

$('.fieldset-content').first().clone().appendTo('.fieldset-clone').find('.name').val('');

Working example

使用jQuery克隆后如何清除文本框？

1 个答案: