Question

我在侧边栏上的Twitter引导程序表单中有一个输入字段（也使用jquery），它将通过单击加号按钮或减号按钮来添加和删除字段。这是html：

<div class="control-group">
    <label class="control-label">Fields</label>
        <div  class="control-group SearchRow" data-index="1">
            <div class="controls">
                <a title="Add name below" id="addRow1" href="#" tabindex="-1"> <i class="icon-plus"></i>
                </a> <input id="name1" type="text" class="span2 typeahead" />
                <a title="Remove name" href="#" id="removeRow1" tabindex="-1"> <i class="icon-remove"></i>
                </a>
            </div>
        </div>
</div>

当添加输入字段时，它会在html中动态添加字段（数据索引增加1，addRow1增加为addRow2，removeRow1增加为removeRow2等）

我创建了一个重置这些字段的按钮，这样当添加或删除字段时，我可以清空框中写入的内容。到目前为止，添加的字段可以使用以下jquery重置：

 $sideBar.find('#ResetButton').on('click', function(){
        $sideBar.find('#form').trigger('reset');                        
    });

但是，如果我添加一些字段，请输入input并删除一些但不是所有字段，其余字段不会为空。

这是一个视觉效果：

原始形式：

+ [field] -

然后点击加号按钮

添加一些

+ [blfgadfgadfgdaah] -

+ [field] -

+ [bldafbhdsfbhdsfhah] -

推送重置：它有效！

+ [field] -

但是：如果我从原版，添加和删除一些，它将不会清除。原文：

+ [field] -

然后我使用加号按钮添加一些字段

+ [blahhhhhhhhhhhh] -

+ [field] -

+ [afdfbhdfbbdf] -

使用减号按钮删除一些字段：

+ [blahhhhhhhhhhhh] -

+ [field] -

推送重置：

+ [blahhhhhhhhhhhh] -

+ [field] -

我尝试在控件中添加一个id并重置它，但它不起作用。任何建议???

Answer 1

请使用以下命令代替您用来重置表单的代码：

var defaultVal = "";//Set your default value here
jQuery('#ResetButton').on('click', function(){
    jQuery('#form input.typeahead').val(defaultVal);                        
});

希望这有帮助！

如何重置添加/删除字段？

1 个答案: