通过BootStrap-select插件 js jQuery控制select属性变化
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,不过初始化之后怎么去修改网上找遍中文英文也没有一个交代自己研究好久研究出来了,当然有的人会干掉重新生成那样太low,我决定来填补这个空白。
js控制select属性变化其实很简单,并不需要
$('#goodsNames').selectpicker('render'); $('#goodsNames').selectpicker('refresh');
来重新渲染只用
$(".selectpicker").selectpicker({ width : 300, actionsBox:true, //在下拉选项添加选中所有和取消选中的按钮 countSelectedText:"已选中{0}项", selectedTextFormat:"count > 5", multiple:"true", maxOptions="2" })
聪明的人已经看出来了,就是这么设置,值得注意是的multiple这样的属性可以直接赋值TRUE或FALSE来控制,如data-max-options这样的属性去掉data和-用驼峰命名来使用。
以上所述是小编给大家介绍的通过BootStrap-select插件 js jQuery控制select属性变化,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
下一篇:Vue.js系列之vue-router(上)(3)