javascript - 如何删除 bootstrap tagsinput 中重复的标签字符

Question

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

我有一些奇怪的行为，其中被接受为 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>

我是否遗漏了导致此问题的问题？

Answer 1

用这个

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

喜欢这个

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