私はワードプレスのバージョン3.4でこのフォームを構築します http://xn--5dbaaldanagj3al0n.org.il/

jquery ui私はそのようにファイルを移植しました

スクリプトを次のheader.phpようにファイルに入れます

そして、サイトにアクセスすると、ドロップダウンリストが奇妙に見え、幅がすべてのフィールドと同じであると想定され、選択が壊れていることがわかります。このフォームの開発が終了したとき、すべてがスムーズに機能していました。

3.5 バージョンには独自のjquery uiファイルが付属しているためですか? 3.5ですか？？JS の実装を外そうとしましたが、うまくいきませんでした

そこで何が起こっているのか知りたいです 事前に感謝します

これは別の質問へのフォローアップです。まず、通常の選択リストで検証を機能させる必要がありました。(前編はこちらから)

jQuery Validation ロジックを含む選択メニューがあります。私は ASP.NET MVC を使用しているため、いくつかのカスタム属性がありますが、現在は検証を機能させたいだけなので、属性は重要ではありません。

私はなんとかそれを機能させました（実際、私ではなく、Gajotresが解決しました。）

jQuery UI selectmenu プラグインに拡張したいと思います (プラグインはまだ非公式です - jQuery UI の次のバージョンで公式リリースされる予定ですが、ここで見つけることができます: jQuery UI Select Menu (Unofficial)

スタイリングを機能させることができましたが、検証が再び失敗しました。私は自分のコードとフィドルをここに投稿しています。簡潔にするために、ここに掲載されているコード以外にもあることに注意してください。

jsFiddle (プラグインあり)

jsFiddle (プラグインなし [正常に動作])

予想される行動

「デフォルト」オプションが選択メニューで現在選択されている値である間、ユーザーはフォームを送信できてはなりません。

何らかの理由でフィドルを試したくない場合に備えて、関連するすべてのファイルへのリンクを次に示します。

jQuery

• http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css
• http://code.jquery.com/ui/1.9.2/jquery-ui.js

jQuery 検証プラグイン

• http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js

メニューの選択 (分岐)

• http://ciel.github.com/jquery-ui/javascripts/jquery.ui.selectmenu.js
• http://ciel.github.com/jquery-ui/stylesheets/selectmenu.css

Javascript

HTML

CSS

選択メニューをテーマにするための追加の CSS は、こちらから入手できる selectmenu.css ファイルにあります。

• http://ciel.github.com/jquery-ui/stylesheets/selectmenu.css

jQuery バージョン 1.10 をプロジェクトと selectmenu ウィジェットに追加しましたが、変更イベントを発生させることができません。

1.10にアップグレードする前は、selectmenuは正常に機能していました。

これを機能させるにはどうすればよいですか?

------------更新私はそれを次のように動作させました

しかし、選択は崩壊しません

Google からスタイルを入手

http://code.google.com/p/jquery-ui/source/browse/branches/labs/selectmenu/ui.selectmenu.css?r=2776

jQuery の 1.10 バージョンをインストールしましたが、selectmenu ウィジェットで常に行ってきた方法で値を設定しようとすると、このエラーが発生します。

Error: Uncaught Error: no such method 'value' for selectmenu widget instance

selectmenu のインデックスを設定しようとすると、同じエラーが発生します。

ここにある「fnagel jQuery UI Selectmenu Widget」を使用しています。何らかの条件に基づいて変更イベントが発生したときに、ウィジェットが新しいオプションを選択しないようにします。

通常、これはreturn false;change イベントの ' ' によって達成されます。しかし、それは機能していません。ここでフィドルを作成しました。

変更イベントで値を選択しないことで、フィドルを機能させるのを手伝ってもらえますか?

ありがとう！

私のページには 2 つの選択メニューがあります。

1 つ目は 3 つの値を持ちAll, Active, Unactive、2 つ目はサーバーから取得したデータで埋められます。

それらを接続する必要があるため、最初のselectメニューからオプションを選択すると、2 番目のメニューにはselect特定のオプションのみが表示されます (2 番目の選択メニューをフィルター処理)

私の考えは、3つの要素を持つサーバーからデータを取得することでした:

2 番目に行うことは、カスタム属性を持つすべてのオプションをその選択に追加することです。

2 番目の選択のフィルタリングに問題があります。

再利用しやすいように、2 番目の選択項目をプラグイン内にラップしました。

ここに jsFiddle デモがあります: http://jsfiddle.net/Misiu/pr8e9/4/

私がこれを機能させたいのは、サーバーユーザーからの選択を入力した後、2番目の選択からすべてのオプションを選択できるようになることですが、最初の選択を変更すると、2番目の選択が更新され、適切なオプションのみが表示されます。
したがって、彼が選択する場合、またはActiveのみを選択できます。Active OneActive Two

編集： これは@oe.elvikのおかげで機能するソリューションです

このコードを介してレンダリングされたドロップダウン選択メニューがあります

ビューでは、次のようになります。

送信後にデフォルトのオプションに移動したいのですが、うまくいきません。これまでのところ、この回答で提案されているもののように、かなりの数のことを試しました。

私がこのようなことをすれば、私の理解に十分面白い

リストの最後のオプションに戻ります。

何か案が？

ありがとう

編集:クリーンな方法はデフォルトのテキストに値を追加するだけだと思う​​ことを忘れていましたが、これらのヘルパーでそれが可能かどうかさえわかりません

編集2:最終的にこの回答を使用して機能させました

私はselectboxを持っており、XMLHttpRequestを使用して2番目のselectboxに値をロードし、JQuery selectmenuも使用しています。問題は、最初の選択ボックスから項目を選択した後、2 番目の選択ボックスが変更されますが、JQuery selectmenu が初期化されないことです。なにか提案を？