BootStrap selectpicker
mark 一下使用 bootstrap selectpicker 遇到的一個小issue，作為下次查錯使用
$('.selectpicker').selectpicker('val', 'Mustard');//單選
$('.selectpicker').selectpicker('val', ['Mustard','Relish']);//多選$('.selectpicker').selectpicker('refresh'); 可以刷新顯示
mark一下問題：設置的val必須為option里面的value值，如果用name怎不生效。
PS：select 美化(bootstrap)
需要引入的文件：
bootstrap-combined.min.css
bootstrap-select.css
bootstrap-select.js
以及bootstrap.min.js等幾個常用的bootstarp文件
實現(xiàn)：
1、 在<select>標簽中添加class或者id，建議添加class，因為class可以重復；
2、 在js文件中添加初始化方法：
initFnc : function(){
$(".selectpicker").selectpicker({noneSelectedText:'請選擇'});
}
在外部初始化的時候調(diào)用該方法就ok！
下圖是美化后的：不是很好看，但是自己覺得比之前強多了！
但是這種美化插件有幾個問題：
其實算不上幾個，只是自己覺得這個問題很棘手，在用此方法美化之后，動態(tài)賦值的<select>將取法顯示，我覺得應該是這樣： bootstrap-select.js中把沒有option的<select>顯示'請輸入'，這樣的話動態(tài)賦值的option就寫不進去了！如果能把noneSelectedText:'請選擇' 進行修復，那么這個問題應該是可以解決的！
經(jīng)過幾個小時的研究，發(fā)現(xiàn)了問題所在，但是只是解決了其中的一個；
在js中調(diào)用的時候，一定要等也面上的select 中的option加載完成之后再調(diào)
initFnc : function(){
$(".selectpicker").selectpicker({noneSelectedText:'請選擇'});
}
這樣就可以把動態(tài)的select賦值也能美化了，但是任然存在一個問題：不是頁面上的每一個select都能在頁面初始化的時候全部加載的，比如：現(xiàn)在有兩個聯(lián)動的select，也就是第二個select的option要隨第一個變化，在js中添加監(jiān)控onchange或者change；如果這樣美化就有問題了！
以上所述是小編給大家介紹的BootStrap selectpicker的相關知識，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)點擊動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了15種不依賴JavaScript的高級Web開發(fā)技術,涵蓋了從響應式排版到圖像延遲加載的各個方面,展示了現(xiàn)代HTML和CSS的強大功能,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-11-11
這篇文章主要介紹了JSON鍵值對序列化和反序列化知識，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-01-01
這ES6允許為函數(shù)參數(shù)設置默認值，即直接寫在參數(shù)定義后面。下面篇文章主要介紹了ES6中參數(shù)默認值語法的相關資料，對大家具有一定的參考價值，需要的朋友下面來一起看看吧。2017-05-05
用表格輸出1-1000之間的數(shù)字實現(xiàn)代碼(附特效)
本文將介紹下用表格輸出1-1000之間的數(shù)字同時附有特效，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
今天Test時發(fā)現(xiàn)一個小問題，上傳控件完成后，路徑還保留，為了清除，需要想一些辦法2013-07-07
今天硬著頭皮去搞一段混淆過的js代碼，因為源碼丟了。。。 本來打算要在js引擎那一層去獲取代碼的，發(fā)現(xiàn)根本不需要。2009-01-01
本文主要介紹了js跨域的幾種解決方案,主要介紹了8種方式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-05-05
JavaScript是一種單線程語言,它在任何給定時間只能執(zhí)行一個任務,然而js確能夠處理異步操作,這得益于其事件循環(huán)（Event Loop）機制,今天這篇文章帶領大家深入理解JavaScript單線程特性,以及講解事件循環(huán)和js多線程知識2023-10-10
這篇文章主要介紹了js實現(xiàn)的Easy Tabs選項卡用法,以完整實例形式較為詳細的分析了JavaScript鼠標事件動態(tài)操作頁面元素樣式的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09