通过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模拟实现Array的sort方法
Dec 11 Javascript
动态的改变IFrame的高度实现IFrame自动伸展适应高度
Dec 28 Javascript
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
对layui数据表格动态cols(字段)动态变化详解
Oct 25 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
Jul 19 Javascript
JavaScript中展开运算符及应用的实例代码
Jan 14 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 生成WML页面方法详解
2009/08/09 PHP
php 运行效率总结(提示程序速度)
2009/11/26 PHP
php中全局变量global的使用演示代码
2011/05/18 PHP
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
Smarty模板引擎缓存机制详解
2016/05/23 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
实现JavaScript中继承的三种方式
2009/10/16 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
jquery获取点击控件的绝对位置简单实例
2016/10/13 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
ES6解构赋值的功能与用途实例分析
2017/10/31 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
如何在vue中使用video.js播放m3u8格式的视频
2021/02/01 Vue.js
[06:36]吞吞映像top1
2014/06/20 DOTA
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python脚本暴力破解栅栏密码
2015/10/19 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
python return逻辑判断表达式实现解析
2019/12/02 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
HTML5中外部浏览器唤起微信分享
2020/01/02 HTML / CSS
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
C++面试题目
2013/06/25 面试题
毕业生自荐书
2014/02/03 职场文书
竞选班干部演讲稿
2014/04/24 职场文书
平遥古城导游词
2015/02/03 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书