通过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实现背景图片切换效果代码
Nov 14 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 Javascript
jquery 获取select数组与name数组长度的实现代码
Jun 20 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
自动适应iframe右边的高度
Dec 22 Javascript
JavaScript同源策略和跨域访问实例详解
Apr 03 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
vue中render函数的使用详解
Oct 12 Javascript
Vue.js实现开发购物车功能的方法详解
Feb 22 Javascript
JS实现音乐钢琴特效
Jan 06 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
在普通HTTP上安全地传输密码
2007/07/21 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
2015/08/25 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
基于jquery循环map功能的代码
2011/02/26 Javascript
jQuery前台数据获取实现代码
2011/03/16 Javascript
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
jquery.post用法关于type设置问题补充
2014/01/03 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
bootstrap vue.js实现tab效果
2017/02/07 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
基于js实现的图片拖拽排序源码实例
2020/11/04 Javascript
Python单元测试实例详解
2018/05/25 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
银行领导证婚词
2014/01/11 职场文书
庆七一活动方案
2014/01/25 职场文书
调解协议书
2014/04/16 职场文书
健康状况证明书
2014/11/26 职场文书
2015年社区宣传工作总结
2015/05/20 职场文书
《刷子李》教学反思
2016/02/20 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
Python List remove()实例用法详解
2021/08/02 Python
javascript实现计算器功能详解流程
2021/11/01 Javascript