問題タブ [jquery-chosen]

Rails の Dish ページに、 Side Dishes と呼ばれる複数選択可能なChosenフィールドを持つフォームがあります。

ユーザーが別のブラウザー ウィンドウから別のサイド ディッシュを追加した場合に、サイド ディッシュの選択フィールドのオプションを (ページのリロードなしで) 自動的に更新するようにしたいと考えています。

私は選択されたウェブサイトから動的に選択された更新を調べましたが、それが私が探しているものであるかどうか、および/またはそれを正しく理解しているかどうかはわかりません。

現在、私のdishes.js.coffee見た目は次のようになっています。

しかし、明らかにそれではうまくいきません。私の理解では、.triggerはサイド ディッシュ リストを定期的に更新し、サイド ディッシュ テーブルから新しい追加 (または削除) を取得します。

また、料理ページのフォームは次の規則に従います。

PS - 私は他の SO の質問を見てきましたが、すべてを機能させることができませんでした。繰り返しますが、の目的を正しく理解しているかどうかはわかりません.trigger...。

ユーザーが [選択] をクリックして表示する必要がないように、JavaScript を使用して [ Chosen] ドロップダウンを開く必要があります。これを行うにはどうすればよいですか?

基本的に選択したhtmlオブジェクトに検索を追加するChosenというプラグインを使用しています。ajaxページから結果をロードします。ただし、selectタグには多くのオプションが追加されています（約1,000）。多分それは選ばれたプラグインです、しかし1000のオプションを持つことは少し遅れているように見えます。

これはパフォーマンスにどのように影響し、回避策は何ですか？

jQuery selected（）プラグインを使用してselectフォームフィールドを作成しようとしていますが、機能していません。これが私のHTMLコードです：

これが私の.jsコードです：

これが私のJavaScriptインポートです：

これが私のCSSインポートです：

画面にどのように表示されるかはわかりませんが、説明はできます。5行あります：

1. 最初のオプションまたは「2番目のオプション」
2. 最初のオプション（青色で下線付き、htmlリンクのように見えます）
3. （テキスト入力フィールドのように見えます）
4. 最初のオプション（プレーンテキスト、前に箇条書きのような
5. エレメント
6. 「2番目のオプション」（これもプレーンテキストで、前に箇条書きがあります。
7. エレメント）

MozillaFirefoxで実行しています。

私はRubyOnRailsを使用しているので、すべてのスタイルシートが自動的に含まれるはずです。

ドロップダウンリストをよりユーザーフレンドリーにしたいので、Chsenプラグインを選択しました。

これが私のページのコードです：

つまり、JavaScriptとスタイルシートが含まれていますね。

私のHTMLコード（例から）：

そして私のapplication.jsファイルでは：

Googleコンソールにはエラーはありませんが、私のページではデフォルトの選択リストとして表示されています。なんで ？

私はChoseプラグインを使用していて、それをスタイリングしていましたが、この問題に遭遇しました：

これは、次のHTMLの生成が原因です。

どうすれば修正できますか？また、それは追加の境界線によって引き起こされる可能性があります、そうですか？

ASP.NET MVC アプリケーションで jQuery Chosen プラグインを使用しています。ドロップダウンリストにアイテムが含まれている場合、data-placeholder属性は機能しません。デフォルトのテキストを表示する代わりに、リストの最初の項目が自動的に選択されます。

これがドロップダウンリストを定義する方法です。

Model.Data が空の場合 (EF を使用してビュー モデルに入力されている場合)、既定のテキストが表示されます。それ以外の場合は、最初の項目が選択されます。ドロップダウンリストにデフォルト値を常に表示したい。

$('.chzn-select').chosen();Nothing special経由でプラグインを適用します。

何か案は ？前もって感謝します。

コンポーネントでトリガーされた変更イベントが選択の結果であるか選択解除の結果であるかをどのように判断できますか？選択した値のみ、または選択解除した値のみの値を取得するにはどうすればよいですか？

このコードは、複数選択コンポーネントでこれまでに選択されたすべての値を提供しますか？新しく選択または選択解除されたコンポーネントの値のみを取得するようにこれを変更するにはどうすればよいですか？

美しい選択のスタイルを設定しましたが、データベースに接続する必要があるため、単純な html コードがあります。

Railsフォームヘルパーを使用したコード：

編集: rails によって生成された html コードを追加します:

空白のページが表示されますが、Google コンソールに表示されるため、コードが生成されています。

他のすべての属性を設定する必要がありますか、または問題とは何ですか?

選択した複数選択入力のテキストフィールドにユーザーが入力したテキストをオプションとして追加し、それを自動的に選択したいのですが、オプションが存在しない場合はすべて、オプションが存在する場合は、それを選択します。これまでのところ、私はこれを行うことができました:

関数内で入力フィールドにフォーカスがあるときにユーザーが Enter キーを押すたびに、この関数を呼び出しkeydown_checkます。

2 つの問題があります。

• 最優先事項として、ユーザーが Enter キーを押してオプションの部分文字列を入力すると、オプションは選択されませんが、部分文字列のテキストが追加されて選択されます。私が欲しいものではありません。

例: オプション "foo" があり、"fo" と入力し始めると、選択すると最初のオプションが候補 ("foo") としてマークされるため、Enter キーを押すと、それが選択されるはずですが、代わりに、次のようになります。本当は「foo」を選択したかったところ、「fo」がオプションとして追加されて選択されました。

クリックで「foo」を選択すると、すべて正常に動作します。オプション選択マークが選択され、部分文字列テキストがオプションの一部として取得されます。

元の機能をすべて失うことなく、存在しないオプションを選択済みに追加するにはどうすればよいですか?

• 選択したプラグイン内で選択して初期化した複数選択フィールドにアクセスするにはどうすればよいですか? 上記のコードでわかるように、select multiple フィールドの ID はハードコーディングされています。ユーザーが新しいオプションを追加したときに選択を更新できるようにするために、これを行いたいと思います。

• 私が探している機能は、linkedinのスキル ウィジェットに非常に似ています。