bootstrap-select采坑
1.class="selectpicker" 普通的下拉框功能
2.title="請(qǐng)選擇城市名稱" title的作用與palcehoder一樣。
3.select class="selectpicker" multiple selectpicker和multiple屬性的搭配使用可實(shí)現(xiàn)多選
4.data-live-search="true" 這個(gè)屬性的默認(rèn)值是false,作用是打開模糊篩查搜索框。
5.data-max-options 這個(gè)屬性表示最多可選幾個(gè)，搭配multiple使用，
用法：data-max-options=“2”，表示最多選兩個(gè)。
6..data-selected-text-forma縮略模式， 用法：data-selected-text-format="count > 3"，
當(dāng)選中值大于3個(gè)的時(shí)候只顯示選中項(xiàng)的個(gè)數(shù)，注意只對(duì)多選生效。
7.data-style 表示默認(rèn)選中樣式，
用法：data-style="btn-primary"，屬性值就是bootstrap的按鈕樣式。
8..data-size data-size="6",表示下拉框顯示的下拉列表數(shù)量。
9.data-dropup-auto=""

10.data-dropup-auto="false"， 表示下拉框默認(rèn)向下展開；"true"，表示下拉框默認(rèn)向下展開；
"auto"，（默認(rèn)值）表示下拉框根據(jù)頁(yè)面尺寸自動(dòng)向下或向上展開。
11$('.selectpicker').selectpicker('selectAll'); 全選：
$('.selectpicker').selectpicker('deselectAll'); 反選：
$('.selectpicker').selectpicker('mobile'); 適應(yīng)手機(jī)模式：
12./給下拉框賦初始值? ?.selectpicker:eq(0)表示該頁(yè)面或者該表單的第幾個(gè)使用了第幾個(gè)selectpicker屬性的input標(biāo)簽
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('.selectpicker:eq(0)').selectpicker('val',valArea);
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('.selectpicker:eq(1)').selectpicker('val',valPost);
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('.selectpicker:eq(2)').selectpicker('val',valBank);
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('.selectpicker').selectpicker('refresh');
? ? ? ? ? ? ? ? ? ? ? ? ? ? $('.selectpicker').selectpicker('render');
? ? ? ? ? ? ? ? ? ? ? ? });

13.與angular或者knockout合用問(wèn)題：
即下拉框無(wú)法顯示出選項(xiàng)，但實(shí)際上，按下F12去查看時(shí)，又明顯的有這些選項(xiàng)值，只是頁(yè)面無(wú)法展示。
a. 添加Js：(只有在編譯之后第一次進(jìn)入頁(yè)面的時(shí)候生效，一旦刷新之后就失效(因?yàn)閍ngular異步加載)
$(function () {
$('.selectpicker').selectpicker('refresh');
$('.selectpicker').selectpicker('render');
})

總結(jié)

以上是生活随笔為你收集整理的bootstrap-select采坑的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。