問題タブ [select2]

select2にデータを事前入力したい

これがサーバーからの応答です

https://jsfiddle.net/j6tv52s6/

select への事前入力を行うにはどうすればよいですか?

これが私の[フィドル][2]です

ここにHTMLがあります

スクリプトは次のとおりです。

しばらくの間、ドロップダウンに Select2 バージョン 3 を使用しています。ただし、最新の v4 リリースにアップグレードしようとしており、それらのドキュメントを理解するのに苦労しています。私のコードの残りの部分を変換する方法を理解できるように、誰かが以下のv3.5コードをv4に変換する際に正しい方向に私を向けることができますか?

Select2 を使用する<select>と、いくつかのスタイルと機能を適用して標準を改善できます。Knockout にカスタム バインドされた Select2 スタイルのドロップダウン リストを表示する必要があります。

これは電話番号リストであり、ユーザーはいくつかのエントリを追加できます。 編集可能にしたい。

ユーザーは、アプリケーションで使用できるエントリを選択するか、新しいエントリを入力できる必要があります (バインドされていますmanager.selectedPhoneNumber) 。

したがって、HTML では次のようになります。

そしてJavascriptで：

関数のコメントを外してcreateSearchCoiceください。例外が発生しますError: Option 'createSearchChoice' is not allowed for Select2 when attached to a <select> element.

誰かが私を助けることができますか？

リリース バージョン (4.0.1 を選択)

HTML

Javascript:

ドロップダウンは機能し、レコードを表示できますが、オプションの 1 つをクリックするとボックスが閉じ、選択したレコードが表示されません。私の箱はこんな感じ

考えられることはすべて試しました。この問題はすべてのブラウザで発生します。返されるデータは、id/text ペアのリストです。

コントローラーコード

次のフォームから params 出力を取得するのに問題があります。Select2 と collection_select を使用して、テキスト オートコンプリート ドロップダウンを作成し、テーブルの列から項目を選択するようにしています。

送信してもパラメータが返されませんか? これを修正するにはどうすればよいですか。

だからここに問題があります：

ドキュメントにあるように、このコンポーネントの言語を設定できるはずです。

設定した言語に関係なく、「結果が見つかりません」が返されます。明確にするために、https ://select2.github.io/examples.html#matcher のように、「language:"es"」に対して「No se encontraron resultados」を返します。