select2和bootstrap模态框使用时出现的bug以及解决方案

select2 官网 https://select2.org

bootstrap 中模态框兼容问题： 没法显示，搜索框没法输入内容（ie）

一、设置select的z-index要大于模态框（1050） /防止select2不会自动失去焦点/

.select2-container {
      z-index: 16000 !important;
  }
  .select2-drop-mask {
      z-index: 15990 !important;
  }

  .select2-drop-active {
      z-index: 15995 !important;
  }

二、去掉模态框的tabindex="-1" 三、绑定select2的时候，指定其父元素

dropdownParent: $("#myModal"),

tip: 一、去掉搜索框 minimumResultsForSearch: -1

二、改变select的值时，注意手动触发change事件 $("#select2-id").val('value').trigger("change");

三、移出select2

$("#select2-id").select2("destroy")