問題タブ [jquery-select2-4]

フォームの select 要素で Select2 4.0 を使用すると、Ajax モードで動的に入力することを意図した要素が IE9 で機能しません。プレースホルダーのない空の選択が表示されます。

クラシック モード (事前に入力された選択リスト) のものは、正しく表示され、機能しています (select2 search..)。

他のページで古いバージョンの 3.5.2 を使用すると、問題は発生しません...!

これは既知の問題ですか? 修正可能なもの？

どうも

JS は次のとおりです。

HTML:

また、通常のクライアント (Chrome) で select2 フィールドに入力したときにサーバーから返されるものの例:

ありがとうございました

私が達成しようとしているのは、select2 (バージョン 4.0.0-rc.2) を複数のオプションで使用して同じアイテムを複数回選択することです。そのため、基本的にオプション/ID の選択が重複しています。

たとえば、私はデータを持っています：

[{'id': 1, 'text': 'A'},{'id': 2, 'text': 'B'},{'id': 3, 'text': 'C'}]

現在、これらのオプションはそれぞれ 1 回しか選択できません。したがって、B (id 2) を選択すると、B を再度選択することはできません。

次のリストを選択できるようにしたいと思います。A, C, B, C, B, Aこれは、ID を持つ配列または文字列になります。1, 3, 2, 3, 2, 1

このページによると: https://github.com/select2/select2/issues/1002可能なはずです。ただし、ドキュメントのどこにも見つかりません。

フィドル: http://jsfiddle.net/eL7q2y14/1/

select2 バージョン 4.0 を使用しています。Ajax 呼び出しからデータを取得する選択ボックスをプログラムで選択しようとしています。

ドキュメントでは、プログラムで値を通常のselect2に設定する方法を見つけましたが、ajax selectでこれを行う方法がわかりません。

私の記憶が正しければ、古いバージョンでは、次のコマンドで select2 にデータを渡すことで現在の値を設定できました。

私はこれを試し、id、text、および結果を含むデータ オブジェクトを送信しましたが、何も表示されず、選択ボックスのステータスを照会して選択した値を確認すると、null が返されます。

このオプションは削除されましたか、それとも単に変更されましたか? ドキュメントのどこでこれを見つけることができますか、またはどうすれば望ましい動作を達成できますか?

生成されたコンテナーに余分な css を追加する方法を整理できないようです。ソースコードをスクロールしていて、CssContainer に関する何かを見つけましたが、動作しませんでした。

ドキュメントには何も言及されていないので、誰かのアイデアはありますか...?

よろしく、 ドワイト

ここで何が問題なのか理解できないようです。これは、3.5 を使用している場合は問題なく機能しましたが、4.0 では機能しません。

この方法での入力の使用をサポートする select2.full.js も使用しています。

html:

js:

get_application_list.php:

select2 4.0 を使用していますが、json ファイルからデータをロードすると、作成された要素のどれもselect2:selectイベントを発生させません。イベント委任と関係があると思いましたが、ウェブサイトの例はうまくいくようです。

私は過去1時間、これについて頭を悩ませてきましたが、何が欠けているのか理解できません。

現在、これを使用してアイテムを選択していますが、明らかに機能しません。

バインディング$(...).on('select2:select');は決して発火$(...).on('select2:open);しませんが、発火します。だから私は何が起こっているのか分かりません。

ただし、データがロードされたときに<option>タグが作成されていないことに気付きました。

これは、物事を処理している私の JavaScript 全体です。

誰かが私がここで間違っていることを教えてもらえますか? 私はそれを理解していません。

Select2 の最新バージョン: Select2 4.0を使用しています。

ユーザーが自由にテキストを入力できるようにしたいと考えています。つまり、ユーザーがドロップダウン (ajax によって返されるデータ) でオプションを見つけることができない場合、入力したテキストを「選択」できるようにしたいと考えています。

これは私のマークアップです:

これは、Select2 の初期化に使用している JavaScript です。

追加しましcreateSearchChoiceたが、うまくいきません。この回答も見ましたが、これまでのところ運がありません。

私は 3.5 -> 4.0 へのアップグレードをもう一度行っており、このユースケースは「ほぼ」以前と同じように機能しています。私が今行き詰まっているのは、特定のオプションを ajax 結果リストに常に追加する方法です。

これが私が今持っているものです：

html:

js:

これにより、最初に選択されたオプションとして「デフォルト」がロードされます。ユーザーがこれを変更すると、それはなくなります。必要に応じて、最初の選択に戻す方法が必要です。ajax から返された結果にオプションとして含める唯一の方法はありますか? または、js側でこれを行う方法はありますか?

アップデート：

デフォルトの選択は常に動的ですが、この例では「デフォルト」の値/名前を使用しています。

次にjsで：

select2 3.5 -> 4.0 から切り替え中です。ブーストラップモーダルで使用すると問題が発生する状況に遭遇しました。

3.5 では、次のようなものを使用して、適切に機能できるようにしました。

4.0 でクラスとその他の多くのものが変更され、これはもはや何もしません。問題は z-index に関連していると思いますが、よくわかりません。私はモーダルの外側で同じことをテストしましたがselect、意図したとおりに動作するため、css 関連であると想定しています。入力は表示されますが、ドロップダウン、検索などは表示されません。他の誰かがこれに遭遇し、解決策を見つけましたか?

編集jsfiddle：

これは私のユース ケースとは少し異なりますload()。リモート コンテンツをモーダルに挿入して表示するために使用しますが、ここでも同じ問題が発生します。何かを入力するために検索入力にフォーカスすることはできません。奇妙なことに、Internet Explorer 11 では動作するが、最新の Firefox、Chrome、または Safari では動作しないことに気付きました。

モーダルフィドル