如何删除引导标签输入中的重复标签字符答案

【问题标题】：How to remove repeated tag characters in bootstrap tagsinput如何删除引导标签输入中的重复标签字符
【发布时间】：2016-04-18 07:31:35
【问题描述】：

我正在尝试在 Bootstrap 3 上将 Bootstrap Tagsinput 与 Typeahead 一起使用，使用 Bootstrap-3-Typeahead，因为 Twitter 似乎放弃了原来的 typeahead。

我有一些奇怪的行为，被接受为tag 的字符仍保留在输入字段中。这会产生非常奇怪的用户体验。在此处显示的示例中，我输入了“志愿者”（这是预先输入的值之一），在将其选择为所需的标签后，字符仍保留在那里，部分可见。

这是我的代码。我正在使用 JQuery 1.12.3、Bootstrap 3.3.6 和 TagsInput 0.6.1。后两个加载在页脚中，与 Bootstrap3-Typeahaed 3.1.0 一起加载。

  <input type="text" name="tags" id="tags" data-provide="typeahead" value=""/>
  <script>
     $(document).ready(function (){
       var type = ["Donor","Volunteer","Member","Resource","Follow-up","Friend"];
       var elt = $('#tags');
         elt.tagsinput({
            typeahead: {
              source: type
            }
         });
     });
  </script>

我是否有什么错误导致我遗漏了什么？

【问题讨论】：

您好，您解决了这个问题吗？如果是的话，你能分享一下吗？谢谢

标签： javascript css twitter-bootstrap bootstrap-typeahead bootstrap-tags-input

【解决方案1】：

使用这个

 afterSelect: function(val) { this.$element.val(""); },

喜欢这个

  $('#tag').tagsinput({
  typeahead: {
    afterSelect: function(val) { this.$element.val(""); },
    source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
  },
  freeInput: false
});

【讨论】：

嗨，我测试过，我也遇到了同样的问题......任何想法
谢谢@Omar，但我找到了选择插件的解决方案，我将发布这个答案。