在BootStrap的modal中使用Select2搜索框无法输入

用modal来show一个对话框

dialog.modal({
    backdrop:true,
    keyboard:true,
    show:true
});

• 1
• 2
• 3
• 4
• 5

然后再modal中初始化select2

dialog.find("select").select2({
   formatNoMatches: function() {
       return "没有选项";
   },
   placeholder: "请选择...",
   minimumResultsForSearch: 0,
   allowClear: false
});

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

这时候select2的搜索框无法输入,一般有两方面的原因 
1.检查下modal的div中是否有tabindex=”-1”，这个属性

<div class="modal fade in" id="dialog-new-draft">

• 1

2.js代码中加入

$.fn.modal.Constructor.prototype.enforceFocus = function () {};

• 1

满足这两个一般就没问题了。

原文地址：https://www.cnblogs.com/mingjing/p/9018041.html