問題タブ [select2-rails]

私がやっていること：モーダルポップアップが開いたときに選択ボックスにオプションを動的に追加します。on changeそして、トリガーが応答するのを待っています。

観察: 最初以外のすべてのオプションに対して警告ボックスがポップアップします。以下はコードです。

別の観察: HTML 選択ボックスに同じオプションを事前に入力してから、最初のオプションまたは任意のオプションを選択すると、アラート ポップアップが表示されます。今、私は混乱しています。

動的に追加された要素にイベント委任を使用してみました。

何も機能していないようです。どんな助けでも大歓迎です。ティア

このサンプル ガイド ( http://rails-select2-example.herokuapp.com/ ) に従って、select2 ドロップダウンを作成し、データベースから国を検索しています。

ただし、選択ボックスは常に「結果が見つかりません」で空に戻ります。js/ajax から値を取得しないのはなぜですか?

見る (new.html.erb)

コントローラー (Searches_controller.rb)

Javascript

ルート

移行する検索

私は select2-rails gem を使用してartist_idsおり、この all-js example のように select2 を複数選択フィールドで動作させたいと考えています。これが私のerbファイルの外観です。js スクリプトを追加しても効果はありませんでしたが、フォームは引き続き同じようにロードされます。

ドキュメントで指示されているように、select2を追加するための通常のすべての手順に従いました。application.js とwith//= require select2の行を application.scss に追加しました。*= require select2*= require select2-bootstrap

アップデート：

Prashant Ravi Darshan の提案の後、select2 が機能し始めたようですが、バグがあります。アーティストを選択するための 2 つの乱雑なフィールドになりました

この jsfiddleで select2実装が機能しています。Github リポジトリの検索を有効にし、ユーザーが選択できるように結果を返します。特定の検索に一致するリポジトリが 1 つだけの場合、そのリポジトリが自動的に選択されます。

select2 フォームにいくつかのデフォルト オプションを事前入力できるようにする必要があります。ドキュメントに記載されているように、次のようなことができるはずです。

ボタンを押すと、事前に入力されたリポジトリconsole.log all selected dataの と にアクセスできることがわかりますが、ブラウザーでは、上記の事前入力されたオプションが として表示されます。idtextundefined undefined easypr-ja

デフォルトオプションの値を正しく表示するにはどうすればよいですか?

ここに示すように、私の実装はいくつかのカスタムフォーマットを行っています:

カスタム select2 (バージョン 4.0) マッチャーを作成して、検索の実行時に無視されるようにdotsしたいと考えています。whitespaces

例えば。オプションの 1 つが の場合、検索ボックスに入力するだけでDr. R. N. Pandey検索できるはずです。Dr. R. N. Pandeyrnp

スクリプトに次のコードを含めることで、配列の結果を取得できます

しかし、select2-railsでajaxを使用しようとすると

コンソールは常に何もないため、select2内でajax GETリクエストを作成できないようです。

select2 は、事前定義されたデータを使用したときに魅力的に機能するため、アセットに含まれる部分で問題が発生することはありません