ブートストラップ用のマルチ選択、スクロール可能リストコンポーネントを探しています

Question

ブートストラップ用のスクロール可能な複数選択リストコンポーネントが見つかりません。誰か知っている人？

Select2コンポーネントは素晴らしいですが、最初はドロップダウンではなくリストを展開します。

検索/フィルタリングのためのテキスト入力コンポーネントを手元に置いた場合のボーナス。

ありがとうございました！

Answer 1

あなたは複数選択ドロップダウンを探している場合this out

を確認し、2列選択レイアウトを探している場合 - hereとhere

Answer 2

を確認してください、私は最近、非常に単純なjQuerUI plugin模倣の複数選択を作成しました要素上で.activeクラスをトグルすることによって

$(selector).multiselect("selection") 

は、クラス.activeを持つ子エレメンのインデックスの配列を返します。

対応するCSSを適用してスクロールやその他のスタイリングを行います。

Answer 3

Bootstrap Dual Listbox 2つのリストを使用して選択を管理します。あなたのHTMLドキュメントで

：あなたのJSスクリプトで

<select name="duallistbox[]" multiselect> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    <option value="4">Option 4</option> 
    ... 
    <option value="10">Option 10</option> 
</select> 

：その結果

$('select[name="duallistbox[]"]').bootstrapDualListbox(); 

：ドロップダウンがスクロール可能にするために Image

Answer 4

が

次のCSSを追加

.multiselect-container { 
    height: 200px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
}