1. ホーム
  2. javascript

[解決済み] Chosenプラグインでselectの選択範囲を変更する

2022-10-04 05:21:52

質問

Chosenプラグインを使用して、selectで現在選択されているオプションを変更しようとしています。

を使用しています。 ドキュメント はリストの更新と、オプションが選択されたときのイベントの発生を扱っていますが、現在選択されている値を外部から変更することについては (私が見る限り) 何もありません。

私は jsFiddle を作成し、コードを実演しています。 と、私が試した選択範囲の変更方法を示します。

$('button').click(function() {
    $('select').val(2);
    $('select').chosen().val(2);
    $('select').chosen().select(2);
});

どのように解決するのですか?

の "選択したものを動的に更新する" セクションから、以下のようになります。 ドキュメント : フィールドの 'chosen:updated' イベントをトリガーする必要があります。

$(document).ready(function() {

    $('select').chosen();

    $('button').click(function() {
        $('select').val(2);
        $('select').trigger("chosen:updated");
    });

});

注:1.0より前のバージョンでは、以下のように使用されていました。

$('select').trigger("liszt:updated");