jquery - jQuery の選択されたプラグインは、オプションを動的に追加します

Question

次のようなjQuery Chosenドロップダウンを作成します。

$('.blah').chosen();

次のようなオプションを追加する方法が見つかりません。

$('.blah').chosen('add', name, value);

Answer 1

最初に、 Chosen がバインドされた に<option>を追加する必要があります。<select>例えば：

$('.blah').append('<option value="foo">Bar</option>');

次に、chosen:updatedイベントをトリガーする必要があります。

$('.blah').trigger("chosen:updated");

詳細については、こちらを参照してください(ただし、下にスクロールする必要がありますChange / Update Events)。

---

2013 年 8 月 7 日更新

Tony がコメントで言及しているように、イベント名はchosen:updatedバージョン 1.0 (2013 年 7 月) から に変更されました。更新されたドキュメントは、ここにあります。

Answer 2

最新の選択されたバージョンは、イベント名を「chosen:updated」に変更しました

したがって、コードは次のようになります。

$('.blah').append("<option value='"+key+"'>"+value+"</option>");
$('.blah').val(key); // if you want it to be automatically selected
$('.blah').trigger("chosen:updated");