通过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中的私有/静态属性介绍
Jul 26 Javascript
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 Javascript
select多选 multiple的使用示例
Jun 16 Javascript
JavaScript常用函数工具集:lao-utils
Mar 01 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
JavaScript闭包的简单应用
Sep 01 Javascript
node.js基于express使用websocket的方法
Nov 09 Javascript
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
vue 基于element-ui 分页组件封装的实例代码
Dec 10 Javascript
vue实现倒计时获取验证码效果
Apr 17 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下实现伪 url 的超简单方法[转]
2007/09/24 PHP
php 模拟get_headers函数的代码示例
2013/04/27 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
Javascript页面添加到收藏夹的简单方法
2013/08/07 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
node.js中watch机制详解
2014/11/17 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
2019/04/07 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python实现处理管道的方法
2015/06/04 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
深入解析Python编程中JSON模块的使用
2015/10/15 Python
Python网络编程详解
2017/10/31 Python
解决Djang2.0.1中的reverse导入失败的问题
2019/08/16 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
Java Spring项目国际化(i18n)详细方法与实例
2020/03/20 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
自我鉴定四大框架
2014/01/17 职场文书
活动邀请函范文
2014/01/19 职场文书
银行员工职业规划范文
2014/01/21 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
实习指导教师评语
2014/12/30 职场文书
2015年幼儿园中班工作总结
2015/04/25 职场文书
公司员工宿舍管理制度
2015/08/03 职场文书
解决Navicat for MySQL 连接 MySQL 报2005错误的问题
2021/05/29 MySQL