私は selected.js ( http://harvesthq.github.com/chosen/ ) を使用しています。誰かが選択した選択ボックスと client_side_validations を一緒に使用できるかどうか疑問に思っていました。

問題は、choose を使用すると、元の select 要素が非表示になり、代わりに独自のドロップダウンがレンダリングされることです。また、検証に焦点を当てると、検証は呼び出されず、検証メッセージが表示されると、元の select 要素と一緒に表示されるため、配置されます。エラーのも正しくありません。

これを処理するための良い方法は何でしょうかActionView::Base.field_error_proc。現在、次のようになっている内部のコードを変更できます

何か案は ？

編集1：

私は今私のために働いている次の解決策を持っています。

• 選択によって表示されていたすべての選択にクラス「chzn-dropdown」を適用しました
• client_side_validations Gem が提供する次のコールバックを使用

サイトで Chosen Select Box Jquery プラグインを使用しています。選択のオプションは ajax で更新されるため、1 つのボックスで何かを選択すると、次のボックスのオプションが表示されます。

ほとんど機能していますが、2 番目のボックス オプションをクリックすると、3 番目のボックス オプションが表示されません。FireBug で次のようなエラーが表示されます。

TypeError: 項目が未定義です

item.selected = true;

それはChosen Boxのjsファイルにあると言います。

JS =======================

私はそれを理解しようと何時間も費やしましたが、できません。どんな助けでも大歓迎です。

Patrick Filler によって開発された素晴らしい Chosen プラグインを使用しています。

しかし、ユーザーが複数選択リストのリストにない要素を追加できるようにすることはできません。「「XXXX」に一致する結果はありません」というメッセージが表示されます。

明確でない場合: たとえば、リストに要素 1、2、および 3 があり、ユーザーが 4 を入力した場合、リストになくても for を使用させます。ユーザーが電子メールを送信したいときに、ユーザーの電子メールを登録することを義務付けないようにするために使用します。登録されたリストでメールを検索したり、リストにメールを追加したり、リストに登録せずにメールを入力に書き込むことができます。

jquery ui autocomplete プラグインでそれを行うことができます。私は 2 つを使用したくないので、一貫性を保つために、Chosen プラグインを (重い作業なしで) 使用する方法はありますか?

ありがとうバスティアン

私は selected.js ( http://harvesthq.github.com/chosen/ ) を使用しており、選択したオプションに基づいてページを操作する選択ボックスがあります。彼らのドキュメントには、これを行う方法の例があります。唯一の問題は、このスクリプトを実行するときです。

最初の変更で実行されます。その後、死亡し、二度と実行されません。

「.bind()」も追加しようとしましたが、それも機能しませんでした。

ASP.NET MVC (Razor) プロジェクトにChosen JQuery Plugin を使用しています。ドロップダウンリストの場合、 によって設定されたデフォルトのテキスト値は表示されdata_placeholderず、代わりにリストの最初の項目が表示されます。

ドロップダウンリストのデフォルトのテキストを表示するには?

私はいくつかのオプションで選択を持っています：

jQueryにChosenPluginを使用していますが、問題は、無効になっているオプションがビューから削除されることです。ただし、クリックできない無効な要素として表示する必要があります。

jqueryがプラグインを選択する可能性はありますか？

-例は次のように変換されます。

したがって、2番目の要素は非表示にされません。単に存在しません。

すべての選択オプションを複数選択から削除すると、データプレースホルダーの値が表示されます。これは問題ありませんが、選択ボックスを初めてクリックしても、ドロップダウンはプルダウンされません。2回目のクリックで、複数選択が正常に機能します。

この問題はすべてのブラウザで発生します。以下のリンクに示されているデモでも同じ問題が見つかりました。

この問題の修正はありますか？

http://harvesthq.github.com/chosen/

JSFiddle

フィドルにselect3 s (1 ブランク)を設定しました。から手動でoption切り替えると、リスナーは正常に起動します。foobarchange

ここでいくつかの回答に投稿されselectたコードを使用して JSをリセットすると、新しく選択された空白のオプションに対してイベントが発生しません。さらに、ボタンをクリックする前に選択されたオプションを選択すると、イベントも発生しません。 .changeresetonchange

selectの値は上記の関数で変更されていると確信していますが、これはこのfiddleで確認できますが、selectのonchangeイベントは単に発生しません。

onchange、onclick、oninputイベントも試しましたが、役に立ちませんでした。現在、MutationObserver を使用するか、レンダリングされた選択した要素を DOM から削除して別の要素を作成するかを考えていますが、おそらく考えすぎです。どんな助けでも大歓迎です。

また：

この回答は私を大いに助けてくれました: jQuery Chosen reset

この回答は役に立ちませんでした:選択したプロトタイプの javascript 選択ボックスで onchange イベントを発生させる方法は?

jsfiddle.net が削除された場合の将来の参照用のコード:

HTML

JS

選択メニュープラグインchosen.jsの場合、「リスト内のすべてのアイテムを選択」または「リスト内のすべてのアイテムを削除」機能を複数の選択入力に追加する確立された方法はありますか？メインブランチですか、それともフォークの1つですか？または、誰かが以前にこれを行ったことがありますか？

選択したプラグインを使用して、クライアント側で「必須」として検証したい<select>入力がいくつかあります。「chosen」は実際のselect要素を非表示にし、divとspanを含むウィジェットを作成するため、ネイティブHTML5検証は正しく機能していないようです。フォームは送信されませんが（これは良いことです）、エラーメッセージは表示されないため、ユーザーは何が悪いのかわかりません（これは良くありません）。

私はjQuery検証プラグイン（とにかく最終的に使用する予定でした）に目を向けましたが、今のところ運がありません。これが私のテストケースです：

これはselect、エラーメッセージを検証または表示せずに、空の値で通過させます。私がその行をコメントアウトするときchosen()、それはうまくいきます。

chosen()jQuery検証プラグインを使用して入力を検証し、無効な入力のエラーメッセージを表示するにはどうすればよいですか？