0

2 つの selectbox 要素を含む単純なフォームを作成しました。ユーザーの裁量でこれらの選択ボックスを動的に追加するボタンもあります。選択ボックスのオプションは非常に長くなるため、より便利にするために jQuery Chosen プラグインを適用しました。

jQueryクローンを使用して新しい要素が動的に追加されるまで、すべてが正常に機能します。新しい要素の選択ボックスでオプションを選択できず、以前の結果も保持されます。

フォーラムの検索で、他のユーザーは、選択後に [選択済み] を呼び出して「リセット」しました$("#form_field").trigger("liszt:updated");。私もこれを試しましたが、すべての選択がクリアされ(これは望ましくありません)、ドロップダウンアクションがフリーズし続けます。

動的要素で Chosen (またはその他のオートコンプリート タイプの選択ボックス拡張機能) を使用した経験がある人はいますか?

4

1 に答える 1

0

Chosenプラグインを使用しなくても、機能するソリューションを見つけました。

選択ボックスを基本的なjQueryUIオートコンプリートプラグインに関連付けられた入力フィールドに置き換えることで、動的に作成されたフォーム要素を変更しました。それらの実装へのリンクは次のとおりです:http://jqueryui.com/autocomplete/#default

主な違いは、この場合の選択された「オプション」が、ボックスがオートコンプリートオプションを探すソースとしてリストされていることです。私のリストは70アイテムの長さだったので、初期設定には少し時間がかかりました。

jQueryテキストは一般的に次のとおりです。

$("input#search").autocomplete({

    source: [item1, item2, item3, item 4, ... item5]);
于 2013-03-10T15:12:01.823 に答える