在 Bootstrap modal 中使用 Select2 套件，搜尋框無法輸入

這是因為 Select2 預設把下拉選的元素加到 <body>，導致 modal 內的 Select2 輸入框會 focus 在 modal 之外。

要解決這個問題可以在 Select2 config option 加上 dropdownParent 指定要把下拉選單加到 modal 之中。 
<div id="myModal" class="modal fade" tabindex="-1">
  <select id="select2"></select>
</div>

<script>
  $('#select2').select2({
    dropdownParent: $('#myModal')
  });
</script>
參考文件

留言

張貼留言