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

转载

于 2019-05-20 11:22:00 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #数据库 #ViewUI

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

HTML

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

最低0.47元/天解锁文章

200万优质内容无限畅学