問題タブ [select2]

select2 によって生成されたリストを名前で並べ替える方法はありますか? 私はいくつかのコードを持っています:

http://jsfiddle.net/oe9retsL/4/

このリストはIDでソートされていますが、テキストでソートしたいです。

ヘルプ テキストを表示および非表示にする JavaScript があります。select2 フィールドが存在しない限り、毎回正常に動作します。

HTML:

コーヒースクリプト:

スパンをクリックすると、ヘルプテキストが表示されるかどうかが切り替わります-select2フィールドが存在しない限り、これは正常に機能します。その場合、何も起こりませんか？

スパン以外のページ上の任意の場所をクリックすると、予想どおりヘルプ テキストが非表示になります。

前もって感謝します

ajax 呼び出しを実行した後、select2 (複数選択) フィールドに値を追加しようとしました。解決策を検索すると、次の質問が見つかりました: AJAX を使用する jQuery Select2 コントロールに項目を動的に追加します。

これは私のJSです：

すべて問題ありませんが、ajax 成功関数の実行中にエラーが発生します

エラー: state_id.split は関数形式ではありません@ http://ttos2.localhost/vendor/assets/global/js/plugins.js:269:31 i<.addSelectedChoice@ http://ttos2.localhost/vendor/assets /global/plugins/select2/select2.min.js:6:54786 i<.updateSelection/<@ http://ttos2.localhost/vendor/assets/global/plugins/select2/select2.min.js:6:53377

ここで何が間違っていますか？

ボタンのクリックで選択リストを動的に作成し、それをdivに追加するだけです。問題なく動作していますが、この選択リストをselect2で期待どおりに検索可能に動作させたい場合、動作しません。

以下では、選択リストを GGroupDropDownListForJavascript という名前の html ヘルパーを使用してメソッドに渡しています。html の結果は次のようになります。

ここに私のJSコードがあります。

このメソッドのエラーを下回っています。

キャッチされていない TypeError: $(...).select2 は関数ではありません

ところで、動的に作成されていない要素に対してテストしましたが、問題なく動作しています。しかし、動的に作成されたものになると、機能しなくなります。何か不足していますか？ありがとうございました。

私はブログテーブルとタグテーブルの間に多対多の関係を築いています。今は kartik select2 で投稿タグを取得しようとしています。タグモデルのインスタンスを作成して select2 でアクティブなフォームで使用しましたが、Invalid argument supplied for foreach()挿入ページを開くとエラーが発生します。$modelそして、これは私がすでに渡したフォームであり$tagModel、私のコントローラーからのレンダーを使用した私のactiveRecordモデルのインスタンスです。ここに私のフォームがあります:

select 2 バージョン 4.0.2 を使用しており、ajax 経由でリモート データを検索するための select を作成しました。

私はデータを正常に取得していますが、結果がレンダリングされると、aria-selected 属性が追加されていないため、オプションを選択できません。

templateResult と templateSelection に関係しているのではないかと思いますが、何を変更する必要があるのか​​ わかりません。

Jクエリ:

形：

要素がありselect2ます：

更新モードでページに入ると、select 要素のオプション値をプログラムで database からの値に設定します。

問題は、実行時に select 要素が適切なテキストを表示しないことです:

しかし、それをクリックすると、適切な値が選択されます:

では、適切なテキストを表示するにはどうすればよいでしょうか。

Select2 プラグインが templateFormat オプションで選択されたオプションを表示しない

マークアップ:

js:

ここに上記のコードのフィドルがあります

ありがとうございました

select2を使用して次の入力テキストボックスがあります：

次のようにselect2を使用してセットアップされます：

ここで、テキスト入力のデフォルト値を設定したいと思います。私は次のことを試しました：

そして以下：

そして以下：

しかし、フォームは更新されず、入力フィールドは空白です。また、ブラウザ コンソールにエラーは表示されません。

ここで何が欠けているかについて何か考えはありますか?

ここに私の問題を示すjsfiddleがあります: https://jsfiddle.net/snehilw/90m8hzpg/