web-dev-qa-db-ja.com

select2値をプログラムで変更する方法

bootstrap modalにselect2ボックスがあります。select2ボックスの値を変更したいのですが、うまくいきませんでした。

以前の投稿と結果ですべてのソリューションを試しましたが、どれもうまくいきませんでした。

select2 4.0.2を使用し、テストしました：

$('#select_id').val('val').trigger('change.select2');

$('#select_id').val('val').trigger('change');

$('#select_id').val('val').change()

1回または2回動作し、動作を停止します（ランダムに）

Select2を3.x.xに戻すときにのみ正常に動作します

jquery-select2jquery-select2-4
23
Chaanbi Kada
$('#select_id').val('val').trigger('change');

正しい方法です。 here を参照してください

33
Dario
$('#select_id').select2('val', selectedValue);
4
igasparetto

Select2 with Ajax呼び出しでは、多くのオプションに苦労しましたが、どれも機能しませんでした。その後、私は魅力的な$（ "＃select_id"）。html（$（ ""）。val（ 'val'）。text（ 'text'））。trigger（ "change"）;

0
Sandeep

私のように、select2：selectingイベントのカスタムハンドラーを追加した場合、値の変更とカスタムselect2イベントのトリガーに対する正しい完全な回答は次のようになります。

$('#select_id').val('val').trigger('change').trigger({
     type: 'select2:event_name', // It worked for me with select2:selecting and select2:select
     params: {
       args: { // Only use 'args' if using select2:selecting, select2:select does not use it
         data: varWithEventData
       }
     }
});
0
Adrián E