如何刪除引導標記輸入中的重複標記字符

我試圖在引導程序3上使用Bootstrap Tagsinput與Typeahead，使用Bootstrap-3-Typeahead，因爲它看起來原來的typeahead被Twitter放棄了。如何刪除引導標記輸入中的重複標記字符

我有一些怪異的行爲，其中即獲得接納爲tag字符留在輸入欄。這創造了非常奇怪的用戶體驗。在這裏顯示的例子中，我輸入了'Volunteer'（這是前面的一個值），並且在選擇它作爲所需標記之後，字符保留在那裏，部分可見。

這是我的代碼。我使用的是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>

我有什麼錯誤，我錯過了這是造成這種情況嗎？

來源

2016-04-18 jbx

嗨，你有沒有解決這個問題？如果是，可以分享嗎？謝謝 – DonFabiolas

使用本

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

這樣一個

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

來源

2016-05-06 21:42:38

您好，我測試過，我有同樣的問題...任何想法 – DonFabiolas

發佈您的代碼，我將ckeck它 –

謝謝@Omar但我發現與selectize插件的解決方案，我會張貼此答案。 – DonFabiolas

如何刪除引導標記輸入中的重複標記字符

回答

相關問題