0

我在侧边栏(也使用 jquery)上的 twitter 引导表单中有一个输入字段,它将通过单击加号按钮或减号按钮来添加和删除一个字段。这是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中动态添加字段(data-index加一,addRow1为addRow2,removeRow1为removeRow2等)

我创建了一个重置​​这些字段的按钮,以便在添加或删除字段时,我可以清空框中写入的任何内容。到目前为止,可以使用以下 jquery 重置添加的字段:

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

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

这是一个视觉效果:

原始形式:

+[ 字段 ]-

然后我通过单击加号按钮添加一些

+[ blfgadfgadfgdaah ]-

+[ 字段 ]-

+[ bldafbhdsfbhdsfhah ]-

推重置:它的工作原理!

+[ 字段 ]-

+[ 字段 ]-

+[ 字段 ]-

但是:如果我从原来的开始,添加和删除一些,它不会清除。原来的:

+[ 字段 ]-

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

+[ 呸呸呸呸呸 ]-

+[ 字段 ]-

+[ afdfbhdfbbdf ]-

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

+[ 呸呸呸呸呸 ]-

+[ 字段 ]-

推送重置:

+[ 呸呸呸呸呸 ]-

+[ 字段 ]-

我尝试向控件添加一个 id 并重置它,但它不起作用。有什么建议么???

4

1 回答 1

0

而不是您用来重置表单的代码,请尝试使用:

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

希望这可以帮助!

于 2013-10-15T21:08:03.840 回答