如何取消select2插件下拉框向上展示

使用select2下拉框插件时，有时由于下拉框高度问题导致下拉选项向上展示，影响显示效果。





通过修改select2源码，使select2固定向下展示选项。

通过查看页面html源码，我们看到向上展示时出现select2-dropdown--above，猜测此class为控制选项向上，在select2.js搜索关键字select2-dropdown--，找到如下片段进行修改：

 

    if (newDirection != null) {
      this.$dropdown
        .removeClass('select2-dropdown--below select2-dropdown--above')
        .addClass('select2-dropdown--' + newDirection);
      this.$container
        .removeClass('select2-container--below select2-container--above')
        .addClass('select2-container--' + newDirection);
    }

修改为：
 

    if (newDirection != null) {
      this.$dropdown
        .removeClass('select2-dropdown--below select2-dropdown--above')
        .addClass('select2-dropdown--below');
      this.$container
        .removeClass('select2-container--below select2-container--above')
        .addClass('select2-container--below');
    }

 

Tags：select2

转载：感谢您对高晓波个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源高晓波个人博客”。https://www.gaoxiaobo.com/web/html/174.html

很赞哦！ ()