通过BootStrap-select插件 js jQuery控制select属性变化


Posted in Javascript onJanuary 03, 2017

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属性变化,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
Feb 19 Javascript
BootStrap中的表单大全
Sep 07 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
vue-router路由简单案例介绍
Feb 21 Javascript
Bootstrap Table使用整理(一)
Jun 09 Javascript
inner join 内联与left join 左联的实例代码
Sep 18 Javascript
在 Angular中 使用 Lodash 的方法
Feb 11 Javascript
详解JS函数防抖
Jun 05 Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 #Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 #Javascript
JS求解三元一次方程组值的方法
Jan 03 #Javascript
Vue.js系列之项目结构说明(2)
Jan 03 #Javascript
Vue.js系列之项目搭建(1)
Jan 03 #Javascript
jquery实现下拉框多选方法介绍
Jan 03 #Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 #Javascript
You might like
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
广告切换效果(缓动切换)
2009/05/27 Javascript
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
分享ES6的7个实用技巧
2018/01/18 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
Vue通过provide inject实现组件通信
2020/09/03 Javascript
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
python抓取最新博客内容并生成Rss
2015/05/17 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
python实现点击按钮修改数据的方法
2019/07/17 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
意大利辅助药品、药物和补品在线销售:FarmaEurope
2020/04/29 全球购物
机电专业个人求职信范文
2013/12/30 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
2014两会优秀的心得体会范文
2014/03/17 职场文书
汽车维修求职信
2014/06/15 职场文书
趣味运动会广播稿
2014/09/13 职场文书
清洁工个人工作总结
2015/03/05 职场文书
孔繁森观后感
2015/06/10 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
创业计划书之干洗店
2019/09/10 职场文书