通过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 parsefloat parseint 转换函数
Jan 21 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
extjs 如何给column 加上提示
Jul 29 Javascript
jquery获取radio值实例
Oct 16 Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
vue实现下拉加载其实没那么复杂
Aug 13 Javascript
Javascript之datagrid查询详解
Sep 15 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 删除一个目录及目录下的所有文件的函数代码
2010/05/26 PHP
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
Jquery实现搜索框提示功能示例代码
2013/08/13 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
2015/07/29 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
2016/08/29 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
python实现忽略大小写对字符串列表排序的方法
2014/09/25 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
Python3 assert断言实现原理解析
2020/03/02 Python
python简单实现最大似然估计&scipy库的使用详解
2020/04/15 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
法国时尚童装网站:Melijoe
2016/08/10 全球购物
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
The Hut美国/加拿大:英国领先的豪华在线百货商店
2019/03/26 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
食堂个人先进事迹
2014/01/22 职场文书
庆八一活动方案
2014/01/25 职场文书
社团招新策划书
2014/02/04 职场文书
银行实习推荐信
2015/03/27 职场文书
2015年端午节活动策划书
2015/05/05 职场文书
房屋所有权证明
2015/06/19 职场文书
创业计划书之都市休闲农庄
2019/12/28 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript