Select2在Bootstrap 3 Modal框中不能搜索的解决方法

上次修改的bug中还有个小问题,其实我是知道的,哈哈,硬是把bug给关闭了,趁着今天有时间,偷偷把那个问题解决一下,不然测试找上门就不太好了。

问题是这样的:我们点击某某按钮,弹出的Modal框,modal框中有个带搜索框的下拉框,但是这个搜索框获取不到焦点,你懂的,就是无法选中的意思,请看图:

Select2在Bootstrap 3 Modal框中不能搜索的解决方法

百思不得其姐啊,明明是copy的代码,为什么会不行呢,区别在于一个是跳转到另一个页面,一个是弹出modal框,我丢,去检查了几下js代码,发现一点问题也没有,这应该是所有程序员的迷之自信,啧啧~~

最后发现是bootstrap的问题,怎么知道原因的这里就不说出来了,后端的来玩前端的总会有点蛋疼,既然知道问题的来源,就开始拿起四十米的大长刀,开干

找到modal所在的div, 把tabindex="-1"去掉,重启一下你的web应该就可以了,完了吗?还差点,想了想还是给个截图吧~~

Select2在Bootstrap 3 Modal框中不能搜索的解决方法

最后,告诉大家解决问题的思路是这样的:

ctrl+shift+r直接搜索tabindex="-1",找到对应的文件,直接去掉,就完了

去掉之后,效果如下图:

Select2在Bootstrap 3 Modal框中不能搜索的解决方法