在模態窗口中該插件的下拉選項會被輸入框遮擋,現給bootstrap-select控件綁定事件,當控件完全加載后設置 控制下拉框的 最小高度的屬性,具體值請自行調試。
並且給輸入搜索框綁定輸入事件,做同樣的處理。
本處理方式還有一個問題,假如刪除搜索值重新搜索,就又被擋住了。重新點擊下拉框按鈕可以完全顯示,由於不太影響使用,所以暫時不研究了。
HTML
<select id="queryVlan" class="selectpicker form-control" name="vlan" data-live-search="true" > <option value='' selected>所有</option> </select>
JS
$("#queryVlan").on('shown.bs.select',function(e){ $('.dropdown-menu').css('min-height',300); $('.dropdown-menu').css('transform','translate3d(0px, 29px, 0px)'); $('#queryVlan').parent().find("input").keydown(function(){ $('.dropdown-menu').css('min-height',240); $('.dropdown-menu').css('transform','translate3d(0px, 29px, 0px)'); console.log('hahahah'); }) })