select2 在 Bootstrap 模态框内不能使用智能搜索的问题

在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.

解决方法:

1,把页面中的 tabindex=“-1” 删掉:

2,重写enforceFocus方法:

在js代码中弹出模态框前添加如下代码：

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

3,如果以上还不行，再在select2配置里面加一下dropdownParent: $(".modal"),表示允许您自定义下拉列表的位置。$(".modal")是当前select2位于modal下。