select2组件在layer,bootstrap弹出层中使用需要注意z-index问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jbguo/article/details/84584436

dropdownParent: $("#selectCompany-box"), //指定其父元素可避免z-index小于layer
例：

$('#selectCompany').select2({
  placeholder: {
    id: -1,
    text: '输入公司名称',
  },
  allowClear: true,
  minimumInputLength: 2,
  closeOnSelect: true,
  language: 'zh-CN',
  dropdownParent: $("#selectCompany-box"), //指定其父元素可避免z-index小于layer
  ajax: {
    delay: 250,
    transport: function (params, success, failure) {
      var n = params.data.term;
      utils.searchCompany(n, function (data) {
        success(data.data.companies);
      });
    },
    processResults: function (data) {
      var d = [];
      $(data).each(function (i, e) {
        d.push({ id: e.id, text: e.name });
      });
      return { results: d };
    },
  },
});
$('#selectCompany').on('change', function (evt) {
  selectCompanyVM.company = $('#selectCompany').select2('val');
});