$('输入&#39)。tagsinput('的removeAll&#39);创建新的搜索框

时间:2017-10-22 04:04:08

标签: javascript html twitter-bootstrap

我的搜索框在这里:

<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');
});

此按钮应该会删除搜索栏上的所有标签,但它会在搜索框内创建另一个搜索框。我如何制作它,以便每次重置标签时都不会创建新的搜索框?

清除标签之前: before clearing tags

清除标签后: after clearing tags

1 个答案:

答案 0 :(得分:1)

你有什么方法可以应用这个吗? 或者,页面上还有其他输入吗?有点奇怪。

因此,我搜索了一下您正在使用的代码,并认为我发现了http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/并执行了以下操作....

  1. 将您编写的点击事件代码应用于页面上第一个示例上方的段落
  2. 在第一个名为&#34; ass&#34;的示例中为输入字段添加了一个ID,我不知道为什么我选择这样的傻ID名称
  3. 然后我点击了上面的段落,标签消失了,我又可以输入了
  4. 也许这样做,将id用于输入字段。

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