通过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 定义新对象方法
Feb 20 Javascript
JavaScript面向对象程序设计三 原型模式(上)
Dec 21 Javascript
jQuery中after的两种用法实例
Jul 03 Javascript
js控制分页打印、打印分页示例
Feb 08 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
JavaScript中定义函数的三种方法
Mar 12 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
ElementUI 修改默认样式的几种办法(小结)
Jul 29 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 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
浅析ThinkPHP中execute和query方法的区别
2014/06/13 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
JavaScript 对象链式操作测试代码
2010/04/25 Javascript
js输出列表实现代码
2010/09/12 Javascript
用JavaScript实现类似于ListBox功能示例代码
2014/03/09 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
关于element的表单组件整理笔记
2021/02/05 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
python数组复制拷贝的实现方法
2015/06/09 Python
python文件操作相关知识点总结整理
2016/02/22 Python
python查看微信好友是否删除自己
2016/12/19 Python
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
Python实现一个转存纯真IP数据库的脚本分享
2017/05/21 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
python中import与from方法总结(推荐)
2019/03/21 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
Python:__eq__和__str__函数的使用示例
2020/09/26 Python
python与idea的集成的实现
2020/11/20 Python
户外亲子活动策划方案
2014/02/07 职场文书
幼儿园大班教学反思
2014/02/10 职场文书
远程教育学习心得体会
2016/01/23 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书
原生CSS实现文字无限轮播的通用方法
2021/03/30 HTML / CSS
Windows下使用Nginx+Tomcat做负载均衡的完整步骤
2021/03/31 Servers