通过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 相关文章推荐
function foo的原型与prototype属性解惑
Nov 19 Javascript
js拦截alert对话框另类应用
Jan 16 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
HTML5实现留言和回复页面样式
Jul 22 Javascript
JavaScript中闭包的详解
Apr 01 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
vue 组件中slot插口的具体用法
Apr 03 Javascript
vue--vuex详解
Apr 15 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
vue实现侧边栏导航效果
Oct 21 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 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的PDO操作简单示例
2016/03/30 PHP
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
JsRender实用入门教程
2014/10/31 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
微信小程序 保留小数(toFixed)详细介绍
2016/11/16 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
使用validate.js实现表单数据提交前的验证方法
2018/09/04 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
python编写爬虫小程序
2015/05/14 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
python递归法解决棋盘分割问题
2019/07/17 Python
pytorch 模型可视化的例子
2019/08/17 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
Python 实现简单的客户端认证
2020/07/29 Python
Python常用断言函数实例汇总
2020/11/30 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
德国最新街头服饰网上商店:BODYCHECK
2019/09/15 全球购物
业务经理岗位职责
2013/11/11 职场文书
土木工程师岗位职责
2013/11/24 职场文书
《乞巧》教学反思
2014/02/27 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
群众路线领导对照材料
2014/08/23 职场文书
学习十八大的心得体会
2014/09/01 职场文书
酒会邀请函
2015/01/31 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
Redis入门教程详解
2021/08/30 Redis
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers