Как удалить повторяющиеся символы тегов в bootstrap tagsinput

Question

Я пытаюсь использовать Bootstrap Tagsinput с Typeahead на Bootstrap 3, используя Bootstrap-3-Typeahead, так как кажется, что оригинальный typeahead был оставлен Twitter.

У меня есть странное поведение, в котором символы, принятые как tag, остаются в поле ввода. Это создает очень странный пользовательский интерфейс. В приведенном здесь примере я набрал «Volunteer» (который был одним из значений в typeahead), и после выбора его в качестве требуемого тега символы остались там, частично видимые.

Это мой код. Я использую 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 
});