web-dev-qa-db-ja.com

select2複数選択検索ボックスを有効にする

Select2を使用して、複数選択フィールドに検索ボックスを追加できる必要があります。

何らかの理由で、検索ボックスは単一選択フィールドに期待どおりに表示されますが、複数選択フィールドでの同じselect2（）呼び出しは検索ボックスを追加しません。

var data = []; // Programatically-generated options array with > 5 options
var placeholder = "select";
$(".mySelect").select2({
    data: data,
    placeholder: placeholder,
    allowClear: false,
    minimumResultsForSearch: 5});

Select2は複数選択のある検索ボックスをサポートしていませんか？誰もが同様に機能する良い代替手段を持っていますか？

javascriptjqueryjquery-select2select2
11
John Brink

答えは、select2入力要素がバックエンドデータなしの複数選択の検索ボックスになるということです

入力を開始すると、結果はオプションのフィルタリングを開始します

リモートajaxデータをロードするように設定している場合、実際には検索ボックスが保持されますが、データソースなしの複数選択の場合、入力はかなり直感的です検索バーです

https://select2.github.io/examples.html

11
Jay Rizzi

select2 v4.0.3

<select class="smartsearch_keyword" name="keyword[]" id="keyword" style="width:100%;"></select>

$(".smartsearch_keyword").select2({
    multiple: true,
    ...
});

さらに：to 複数のデフォルト選択を設定

8
Sadee

上記の回答がどれもうまくいかない場合（新参者）、$(document).ready(function() { // your select2 declaration here... });ですべてをラップすることを検討してください。

0
Waiyl Karim