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

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