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

解决方法:

1.

把页面中的  tabindex="-1"  删掉（测试成功）:

     
  
      
    
       ×    
       
Panel
  
      
      
     

     
  
      
    
       ×    
       
Panel
  
      
      
     

可以在onshown方法里面做处理，主要原理就是因为bootstrap的tabindex='-1',占用了select2的tabindex='0'，脚本做处理 模态框显示出来后，将模态框的tabindex属性删掉

BootstrapDialog.show({     onshown: function (dialogRef) {        $("#"+dialogRef.getId()).removeAttr("tabindex");   }})

　　

 

2.

重写enforceFocus方法（测试发现没有效果）:

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

　　

转发请标注原文地址：

　　阿杰de博客，qq群：112465270