Bootstrap Select跳轉到輸入字母

嗨我使用Bootstrap Select爲狀態下拉，並希望實現功能，如果用戶開始輸入「c」，那麼它會把它們放到「加州」（作爲一個例子）。這已經是插件的開箱即用了，但我想改變用戶「合作」的地方，然後將它們放到「科羅拉多」，而不是先輸入「c」然後再輸入「california」，然後在輸入「o」後輸入「ohio」。有沒有什麼辦法可以通過bootstrap select插件來實現這一點？Bootstrap Select跳轉到輸入字母

僅供參考此插件是相當大的納入現在的網站，並改變到另一個插件wouldnt真的是我的選擇。

例子： http://jsfiddle.net/2a9xp/513/

$('.selectpicker').selectpicker({size:10});

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css"> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script> 
 

 
<select class="selectpicker"> 
 
    <option>California</option> 
 
    <option>Colorado</option> 
 
    <option>Connecticut</option> 
 
    <option>Kansas</option> 
 
    <option>Kentucky</option> 
 
    <option>Ohio</option> 
 
    <option>Oklahoma</option> 
 
    <option>Oregon</option> 
 
</select>

來源

2017-03-03 Chad Watkins

我建議使用這個庫https://select2.github.io/ –

你可能會在你的選擇標籤中缺少data-live-search =「true」屬性 –

@PravinUmamaheswaran我不想過濾結果只是有他們跳到更相關的選項 –

附加選擇：數據實時搜索風格= 「startsWith」

<select class="selectpicker" data-live-search="true" data-live-search-style="startsWith">

例子：http://jsfiddle.net/vvuhq53g/

來源

2017-04-28 11:42:50 illuzii

Bootstrap Select跳轉到輸入字母

回答

相關問題