select2智能搜索在bootstrap的modal中失效，请大神指教！！！！

ClassicSong 2015-10-16 12:40:05

今天oa项目，在bootstrap的模态框中用了select2的智能搜索功能，可是发现在ie8下智能搜索失效，看了半天库文件，也没看出个所以然，晕了。请教大神指导。。。

...全文

299 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

羽欢儿 2019-08-26

打赏
举报

回复

1、设置select的z-index要大于模态框（1050） /防止select2不会自动失去焦点/ .select2-container--open { z-index: 9999999!important; } 2、去掉模态框的tabindex="-1" q亲测有效，。。

ClassicSong 2015-10-20

打赏
举报

回复

没有报错，时间紧，我又重新写了一个弹层插件，绕过这个问题了。

斯洛文尼亚旅游 2015-10-16

打赏
举报

回复

f12调出开发工具看报什么错误，其他浏览器正常没有？

最近用bootstrap做前端框架，遇到select2单选框在bootstrap modal中不能正常使用，输入框不能获取焦点智能过滤；如下图：解决方法一：在bootstrap.js的模态框js内加上 $.fn.modal.Constructor.prototype.enforceFocus = function() {};如图：第二种情况，网上看到的，不是我的体验：

如果在项目中用了Select2.js，基于Bootstrap的搜索下拉框，并且有用看model模型，这时你会发现select下拉框搜索功能在model模型中不能搜索。解决方案1：在modal中去掉tabindex="-1" 解决方案2： 2.js 里加上$.fn.modal.Constructor.prototype.enforceFocu

最近在维护一个古董级的项目时，发现模态框里面select2模糊查询的输入框不能聚焦，同时也不能输入内容，很是奇葩。虽然现在vue、angular等框架成为了主流，但对于以前的项目还得维护，今天在这里做个总结吧。（该输入框在bootstrap 中modal弹窗中）输入框不能聚焦，也不能输入内容，最开始我以为是css定位z-index层级缘故，其他层把输入框覆盖到上面，或...

用modal来show一个对话框dialog.modal({ backdrop:true, keyboard:true, show:true });然后再modal中初始化select2dialog.find("select").select2({ formatNoMatches: function() { return "没有选项"; },

bootstrap selectpicker在bootstrap modal中不显示在当前文档中默认初始化了,在模态框中需要手动初始化才会显示使用 script再初始化一下 selectpicker $(’#modalSelect’).selectpicker({}); 参考:https://blog.csdn.net/sayoko06/article/details/80728658 ...

87,996

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章