javascript - $ ('input' ).tagsinput ('removeAll' );创建新的搜索框

Question

我的搜索框在这里:

<input id="search_bar" type="text" value="" data-role="tagsinput" class="form-
control" placeholder="Enter Tags"/>

我有一个按钮，用于从搜索框中删除所有标签:

<button type="button" align="center" class="btn btn-warning" value="Back" 
id="go_back">Back</button>

javascript函数如下:

$("#go_back").click(function(){
    $('input').tagsinput('removeAll');
});

此按钮应该删除搜索栏上的所有标签，但它会在搜索框中创建另一个搜索框。如何做到这一点，以便每次重置标签时都不会创建新的搜索框？

清除标签之前:

清除标签后:

Answer 1

您应用此方法还有其他方法吗？或者，页面上还有其他输入吗？有点奇怪。

所以我搜索了一下你正在使用的代码，并认为我找到了它 http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/并执行了以下操作....

1. 将您编写的点击事件代码应用到页面上第一个示例上方的段落
2. 在第一个示例中的输入字段中添加了一个名为“arse”的 id，我不知道为什么我选择这样愚蠢的 id 名称
3. 然后我点击了上面的段落，标签消失了，我可以再次输入它们

所以也许可以这样做，使用输入字段的 id 来代替。

    $("#go_back").on('click', function(){
        $('#search_bar').tagsinput('removeAll');
    });