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

【问题标题】：How to clear text box after clone using jQuery?使用jQuery克隆后如何清除文本框？
【发布时间】：2016-03-18 13:12:47
【问题描述】：

我正在使用 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 是克隆输入字段的按钮。

【问题讨论】：

标签： jquery

【解决方案1】：

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

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

Working example

【讨论】：