問題タブ [jquery-select2-4]

select2プラグインを使用して2つのチェーンされた自動入力選択フィールドを作成しようとしています最初の選択には国の名前(静的選択)が含まれ、2番目の選択には最初の選択から選択された国の州が表示されます私のコードは

JavaScript コード

JSON で返された結果

これに役立つ例をたくさん検索しましたが、最初の選択で選択された国の州を表示し、select2 v4.0 を使用していることがわかっている 2 番目の選択に渡すだけで、何も正しく機能しません。 jquery v2

助けてください。

html:

js:

その結果、私はこれを受け取りました: http://prntscr.com/76jxvi select の空のオプションやselect のプレースホルダーの書き込みなど、多くのバリアントを見つけましたが、何も見つかりませんでした。

私のページには次の選択があります。

select2 (v 4.0) init を呼び出します。

問題は、select2 がデフォルトの選択値をリセットし、空白の文字列を表示していることです。select2 init でデフォルト値を設定する方法はありますか?

ブートストラップ 3 ナビゲーションバー内に select2 検索ボックスを配置しました。問題は、ブラウザのサイズを変更すると、検索ボックスのサイズが自動的に変更されず、ナビゲーション バーがオーバーフローしてしまうことです。select2 ボックスをレスポンシブにする方法は明確ではありません。

こちらをご覧ください: https://jsfiddle.net/vgoklani/3vtrgkc7/13/

jsfiddle で結果ウィンドウのサイズを変更する必要があります。幅が十分に長くない場合、検索ボックスは非表示になり、表示されません。私が望むのは、ウィンドウの幅に基づいて幅のサイズが変更されるように、検索ボックスが応答することです。

ありがとう

タグ付きの Select2 (バージョン 4) を使用しており、選択した選択肢を入力フィールドの下に表示したいと考えています。

したがって、代わりに：

むしろ持っています：

これは可能ですか?もしそうなら、どうすればそれを達成できますか?

編集: コードは:

と