0

こんにちは私はBootstrap Selectを状態のドロップダウンに使用しています。ユーザーが "c"を入力すると "california"(例として)にドロップする機能を実装したいと考えています。これは既にプラグイン用の箱ですが、ユーザーが "co"なら "Colorado"に落とす代わりに "c"と打ち込んだ後に最初に "california"に変更したいと思います"o"とタイプして "ohio"に変更してください。ブートストラップ選択プラグインでこれを達成する方法はありますか?ブートストラップ選択した文字にジャンプする

FYIプラグインは現時点ではかなりサイトに組み込まれており、別のプラグインに変更することは本当に私の選択肢にはなりません。

例: 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>

+0

このライブラリからの使用をお勧めしますhttps://select2.github.io/ –

+0

選択タグにdata-live-search = "true"属性がありませんか? –

+0

@PravinUmamaheswaran必ずしもその結果をフィルタリングしたくありませんより関連性の高いオプションにジャンプします –

答えて

0

選択するために追加します。データ・ライブ・サーチ・スタイル= "のstartsWith"

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

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

関連する問題