javascript - PyroCMS で jQuery を使用してドロップダウンリストの選択した値を更新する

Question

PyroCMS用のモジュールの開発で少し問題に直面しています。

jQuery を使用してドロップダウンリストを動的に更新したいと考えています。選択したオプションを設定したいのですが、ドロップダウンリストがブラウザのデフォルトのリストではないため、機能していないようです。

私はこれを試しました：

$('select[name=item-type] option[value='+type+']').attr('selected', 'selected');

ただし、UI は更新されません。

score 2 · Accepted Answer

最後に、解決策を見つけました。

DOM 要素を編集しても、 Chosen ドロップダウン UIは更新されません。これは、このプラグインが添付のを動的にスパイしないため<select>です。イベントを発生させて DOM を更新したことを Chosen に明示的に伝える必要があります。

2.3PyroCMSのバージョンが Chosen0.9を使用するまでは、次のようにイベントをトリガーできます。

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

完了するには、Chosen を1.0使用してイベントが変更されたため、次を使用する必要があります。

$("select.any-selector").trigger("chosen:updated");

参考文献:

score 0 · Accepted Answer

私は解決策を持っています

2 つの変更が必要

使用する

$('.selector').chosen().change(function() { 
});

それ以外の

$('.selector').change(function() { 
});

ドロップダウンの使用を更新する場合

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

そして、どうぞ...楽しんでください!!!

javascript - PyroCMS で jQuery を使用してドロップダウン リストの選択した値を更新する