通过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 相关文章推荐
jquery.validate使用攻略 第五步 正则验证
Jul 01 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
JS实现字体选色板实例代码
Nov 20 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
全面理解闭包机制
Jul 11 Javascript
浅析Javascript ES6新增值比较函数Object.is
Aug 24 Javascript
ionic 自定义弹框效果
Jun 27 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 Javascript
vue 项目 iOS WKWebView 加载
Apr 17 Javascript
js实现点击生成随机div
Jan 16 Javascript
javascript 使用sleep函数的常见方法详解
Apr 26 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 array_merge函数
2014/08/31 PHP
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
微信小程序实现YDUI的ScrollNav组件
2018/02/02 Javascript
微信小程序实现折叠与展开文章功能
2018/06/12 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
简单介绍Python中用于求最小值的min()方法
2015/05/15 Python
python opencv实现运动检测
2018/07/10 Python
pygame实现简易飞机大战
2018/09/11 Python
opencv python统计及绘制直方图的方法
2019/01/21 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
python3注册全局热键的实现
2020/03/22 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
如何强制垃圾回收
2015/10/06 面试题
.NET面试题:什么是值类型和引用类型
2016/01/12 面试题
大学生党员自我批评
2014/02/14 职场文书
反腐倡廉警示教育活动心得体会
2014/09/04 职场文书
优秀教研组申报材料
2014/12/26 职场文书
瘦西湖导游词
2015/02/03 职场文书
求职简历自我评价2015
2015/03/10 职场文书
具结保证书范本
2015/05/11 职场文书
JavaScript前端面试扁平数据转tree与tree数据扁平化
2022/06/14 Javascript