問題タブ [jquery-ui-selectmenu]

jQuery UI selectmenu と 2 つのボタンで jsFiddle を試してみてください。

2 つのボタンprevGameを使用して、現在選択されているゲーム番号を追跡する変数nextGameを変更できます。selectedIndex

残念ながら、jQuery UI selectmenu docには、現在選択されているアイテムを設定および取得する方法が説明されていません( span を更新できるようにするため)。currGame

説明してください: jQuery UI selectmenu で選択した項目を設定および取得する方法は?

HTML コード:

JavaScript コード:

アップデート：

の代わりに使用する新しい jsFiddleを用意しましたが、まだいくつかの問題があります。selectmenu("refresh")selectmenu("destroy")

Rails 4.2.3 を使用しています。セレクトメニューのフォントを変更したいのですが、うまくいきません。「bootstrap-sass」gem をインストールし、これをスタイルシートに追加しました…

そして、このように選択タグを設定します

しかし、私のメニューがレンダリングされると、オプションは私が指定したものではなく、通常のフォントを持ち続けます。Rails 選択メニューのスタイルを設定するには、他に何をする必要がありますか?

私はこの選択メニューを手に入れました：

そして、選択したアイテムをプログラムで変更し、「選択」状態をトリガーしたいと考えています。

私は次のことを行います：

selectmenu は正しいオプションを選択して更新しますが、「選択」状態をトリガーしません。これどうやってするの？

Wordpress の Web サイトで、Google CDN の jQuery 3.1.0 と jQuery UI 1.11.4 を使用しています。

そして、jQuery UI selectmenuを作成し、次のテスト コードで更新しようとすると、

HTML:

JavaScript:

残念ながら、次のように失敗します。

1.11.4/jquery-ui.jsの次のコードを参照します。

Mac 用の Google Chrome ブラウザーのスクリーンショットは次のとおりです。

これを修正または回避する方法を教えてください。

実際の JavaScript コードでより多くのコンテキストを提供するために、WebSocket 接続を介して JSON データを繰り返し取得し、HTML 選択メニューを更新する必要があります (したがって、次を呼び出す必要がありますselectmenu('refresh')。

私のHTMLページには、すべてクラス名を共有する.iconDropDownMenuいくつかの選択メニューがあり、ページがPHPで生成されると、選択メニューに別のクラスを追加するPHPによって一部の選択メニューが非表示になります。

とにかく、私は次のものを使用しようとしていた非表示のみを無効にしたかった.iconDropDownMenuのです:

これはエラーなしで実行されますが、無効な属性が選択メニューに表示されないため、入力が無効になりません。そこで、いくつかの調査を行ったところ、$(this).multiselect('refresh');上記の .each() 内で最初の行の後に使用できることがわかりました。ただし、TypeError: $(...).multiselect is not a functionというエラーが表示されます。これは実際に機能する奇妙な部分です。HTML で無効な属性を確認できますが、エラーにより残りの JavaScript の実行が停止します。 ..

私も使用してみ$(this).selectmenu("refresh");ましたが、次のようになりました。メソッド「refresh」を呼び出そうとしましたが、これも同じ結果を生成します。選択メニューに無効な属性が追加されますが、これがないと以前は追加されませんでした。

選択メニューを初期化しようとしましたが、HTML にスパンが追加され、最初の選択が選択メニューの外側のテキストとして表示されて、選択メニューが台無しになりますか?

また、PHP を使用して「無効」属性を選択メニュー HTML に出力しようとしましたが、ブラウザーにロードすると表示されず、削除されます:/

高度な助けに感謝します!

JQuery 1.8 を使用しています。選択メニューのオプションを値で選択したいので、このステートメントを使用します

ただし、上記の問題は、同じ値のオプションが複数ある場合、すべてが選択されることです。上記のステートメントを調整して、1 つのオプションのみが選択されるようにするにはどうすればよいですか? 同じ値を持つ複数のオプションを持つ選択メニューがないように、私にメッセージを送って教えてください。

編集：これは、与えられた提案の1つに対するコンソール出力です

jQuery 1.9 を使用しています。選択メニューから選択したすべての属性をクリアするにはどうすればよいですか? 私はこれを試しています

しかし、それは機能していません。証拠として、これが私のコンソールに出力されるものです...

選択されたアイテムをクリアするはずのステートメントを呼び出した直後に、選択されているオプションを探し、すぐに 2 つを見つけることに注意してください。選択したオプションを完全にクリアするにはどうすればよいですか?

こんにちは、空の行があってはならない選択メニューがあります。これは AngularJS の私のコードです

これはHTMLコードです

しかし、選択メニューは次のようになります

ご覧のとおり、1 つではなく 2 つの空のメニュー オプションがあります。

私の間違いはどこですか、助けてください。

よろしく

オプションが動的な場合、Meteor アプリで jQueryUI selectmenu を機能させるのに問題があります。私は使っている：

• メテオ 1.4.1
• jQuery 2.2.4
• jQueryUI 1.11.4
• ロダッシュ 4.15.0

physiocoder は別の質問で、「Meteor の反応性により、DOM 更新の担当者を選択する必要があります。」と述べています。

これがここでの私の問題の基本であることを認識しています。したがって、ページ/テンプレートが Meteor にすべてのページ コンテンツ/データをロードさせてから、DOM コントロールを jQueryUI のウィジェットに渡すことができる場合、問題はありません。ただし、ケーキを持って食べたい場合もあります-MeteorにjQueryUIウィジェットのオプション（特に現時点ではselectmenu）を反応的にフィードさせたいが、それでもjQueryUIにスタイリング/テーマを処理させたい.

テンプレート onRendered 関数での jQueryUI ウィジェットの初期化は問題なく機能し、必要に応じてテンプレート onDestroyed 関数で jQueryUI ウィジェットを破棄することもできます。selectmenu('refresh')オプション テンプレートの onRendered 関数を呼び出すと、新しいオプションが利用可能になったときに selectmenu が更新されます。ただし、オプション テンプレートではなく、Meteor データ コンテキストを変更するイベントの最後ではなく、selectmenu が新しい正しい UI 状態に更新されるように、オプションが反応的に削除されたときに、refresh を効果的に呼び出すことができる場所を見つけることができません。 onDestroyed 関数であり、適切なデータ ソースに関連付けられた Tracker.autorun 関数ではありません。

HTML:

JavaScript:

#entryToInclude selectmenu には、選択したばかりのエントリが引き続き含まれます。high 以上の番号が付いた 2 番目のエントリを選択すると、実際には次のエントリが選択されます (たとえば、4 を選択してから 5 を選択すると、実際には 4 と 6 が選択されます)。