通过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 相关文章推荐
JavaScript 面向对象的 私有成员和公开成员
May 13 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
浅析Node.js查找字符串功能
Sep 03 Javascript
PassWord输入框代码分享
Jun 07 Javascript
React-router 4 按需加载的实现方式及原理详解
May 25 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
浅析Vue中method与computed的区别
Mar 06 Javascript
讲解vue-router之什么是嵌套路由
May 28 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 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 FTP类的详解
2013/06/13 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
PHP模板引擎Smarty中变量的使用方法示例
2016/04/11 PHP
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
2011/02/23 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
2017/12/09 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
[02:19]DOTA2女子战队FOX视频专访:希望更多美眉一起加入
2013/10/15 DOTA
python+pygame简单画板实现代码实例
2017/12/13 Python
Python3利用Dlib19.7实现摄像头人脸识别的方法
2018/05/11 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
Python如何在DataFrame增加数值
2020/02/14 Python
Linux上比较文件的命令都有哪些
2013/09/28 面试题
Linux常见面试题
2013/03/18 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
交通安全演讲稿
2014/01/07 职场文书
书香校园活动方案
2014/02/28 职场文书
婚假请假条怎么写
2014/04/10 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
乱丢垃圾袋检讨书
2014/10/08 职场文书
售房协议书范本2014
2014/10/23 职场文书
药品销售内勤岗位职责
2015/04/13 职场文书
宇宙与人观后感
2015/06/05 职场文书
课改心得体会范文
2016/01/25 职场文书
golang 接口嵌套实现复用的操作
2021/04/29 Golang
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL
js 数组 fill() 填充方法
2021/11/02 Javascript
Sql Server之数据类型详解
2022/02/28 SQL Server
Mysql中mvcc各场景理解应用
2022/08/05 MySQL