select2をモーダル内で使う場合はdropdownParentを指定すると良いということを書いていきます。
本記事でのselect2とは、selectのプルダウンを色々便利にしてくれるJavaScriptのライブラリの「Select2」を指しています。
↓本家↓
Getting Started | Select2 - The jQuery replacement for select boxes
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and pagination (infinite scrolling) of results.
select2.org
なぜselect2をモーダル内で使う場合にdropdownParentを指定すると良いのか
指定しないとselect2の入力ボックスにフォーカスが当たらず、入力して選択肢を絞るということができないケースが発生するためです。
どのようにdropdownParentを指定するか
以下のように指定します！
$('select2セレクタ').select2({
placeholder: '選択してください',
allowClear: true,
dropdownParent: $('モーダルセレクタ')
});これで、select2の入力ボックスにフォーカスが当たり、入力して選択肢を絞るということができるようになります。
