通過BootStrap-select插件 js jQuery控制select屬性變化
bootstrap-select我想大家都不陌生是一個前端下拉框的插件非常好用,在select的標(biāo)簽中設(shè)置屬性可以做很多功能控制,不過初始化之后怎么去修改網(wǎng)上找遍中文英文也沒有一個交代自己研究好久研究出來了,當(dāng)然有的人會干掉重新生成那樣太low,我決定來填補(bǔ)這個空白。
js控制select屬性變化其實(shí)很簡單,并不需要
$('#goodsNames').selectpicker('render');
$('#goodsNames').selectpicker('refresh');
來重新渲染只用
$(".selectpicker").selectpicker({
width : 300,
actionsBox:true, //在下拉選項(xiàng)添加選中所有和取消選中的按鈕
countSelectedText:"已選中{0}項(xiàng)",
selectedTextFormat:"count > 5",
multiple:"true",
maxOptions="2"
})
聰明的人已經(jīng)看出來了,就是這么設(shè)置,值得注意是的multiple這樣的屬性可以直接賦值TRUE或FALSE來控制,如data-max-options這樣的屬性去掉data和-用駝峰命名來使用。
以上所述是小編給大家介紹的通過BootStrap-select插件 js jQuery控制select屬性變化,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
淺述節(jié)點(diǎn)的創(chuàng)建及常見功能的實(shí)現(xiàn)
本文主要對節(jié)點(diǎn)的創(chuàng)建及常見功能的實(shí)現(xiàn)方法進(jìn)行介紹,希望會對大家學(xué)習(xí)javascript有所幫助,下面就跟小編一起來看下吧2016-12-12
javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù))
javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù)),這樣的好處不用額外的ajax讀取鏈接,減輕服務(wù)器負(fù)擔(dān)。2009-06-06
ionic實(shí)現(xiàn)可滑動的tab選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了ionic實(shí)現(xiàn)可滑動的tab選項(xiàng)卡切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08
JavaScript中函數(shù)聲明優(yōu)先于變量聲明的實(shí)例分析
同一個標(biāo)示符,先后用var和function聲明它。最后它是什么呢2012-03-03
JavaScript Cookie顯示用戶上次訪問的時間和次數(shù)
用cookies記錄用戶的訪問時間與次數(shù),然后再次訪問時,在讀取。2009-12-12
BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹
響應(yīng)式導(dǎo)航條就是可以在不同的設(shè)備下查看不同的效果。這篇文章主要介紹了BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹的相關(guān)資料,小編認(rèn)為本文介紹的非常的不錯,特此分享給大家,供大家參考2016-05-05
BootStrap自定義popover,點(diǎn)擊區(qū)域隱藏功能的實(shí)現(xiàn)
下面小編就為大家分享一篇BootStrap自定義popover,點(diǎn)擊區(qū)域隱藏功能的實(shí)現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01

