如何使用選擇，但仍然允許輸入文字

Question

我正在使用選擇顯示一長串選項中的單個選擇。

http://harvesthq.github.io/chosen/

我也想能夠允許用戶提交一個選擇，是不是已經在選項列表中。

這隻適用於單選。

現在，當任何選項中沒有匹配用戶鍵入的內容時，所選對象將在焦點離開所選文本框時清除輸入的輸入。

建議我如何改變爲此選擇的目的。或者如果有另一種工具可以讓我達到同樣的效果，那麼我很有興趣知道。

Answer 1

可能不是您選擇的方式，但您可以爲選擇元素添加一個「其他」選項，並且當它被選中時，向用戶顯示一個自由文本輸入。

Answer 2

您可致電通過觸發JavaScript函數「進入」按鈕，獲取用戶輸入的值，並調用自己的搜索功能

$('.chosen-search').on('keyup', function(e) { 
    if (e.keyCode == 13) { 
     $('.searchBtn').trigger('click'); 
    } 
}); 


$('.searchBtn').click(function() { 
    extraSearchString = $('.chosen-search input[type="text"]').val(); 
    searchStringNotInList(extraSearchString); 
} 

在這種情況下，您可以處理用戶輸入任意字串當他/她點擊搜索按鈕或點擊「輸入」