bootstrap-select 模态窗口下 select选项被遮挡（显示不全）的问题解决办法

最新推荐文章于 2024-02-01 13:29:36 发布

weixin_34247299

最新推荐文章于 2024-02-01 13:29:36 发布

阅读量2.1k

点赞数

文章标签： javascript 数据库 ViewUI

原文链接：http://www.cnblogs.com/CryOnMyShoulder/p/10893113.html

版权

在模态窗口使用bootstrap-select时遇到下拉选项被输入框遮挡的问题。解决方法是在控件加载完成后设置下拉框最小高度，并为搜索框绑定输入事件做相同处理。尽管存在搜索值清除后仍可能被遮挡的问题，但重新点击下拉框按钮即可正常显示。

摘要由CSDN通过智能技术生成

在模态窗口中该插件的下拉选项会被输入框遮挡，现给bootstrap-select控件绑定事件，当控件完全加载后设置控制下拉框的最小高度的属性，具体值请自行调试。

并且给输入搜索框绑定输入事件，做同样的处理。

本处理方式还有一个问题，假如删除搜索值重新搜索，就又被挡住了。重新点击下拉框按钮可以完全显示，由于不太影响使用，所以暂时不研究了。

HTML

 <select id="queryVlan" class="selectpicker form-control" name="vlan"  data-live-search="true" > 
                                            <

关注