通过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 极速 隐藏/显示万行表格列只需 60毫秒
Mar 28 Javascript
eval与window.eval的差别分析
Mar 17 Javascript
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
AngularJS使用ng-repeat指令实现下拉框
Aug 23 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
Sep 14 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
Oct 15 Javascript
PHP获取当前页面完整URL的方法
Dec 02 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
VueCli4项目配置反向代理proxy的方法步骤
May 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
PHP4.04简明安装
2006/10/09 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
PHP日期函数date格式化UNIX时间的方法
2015/03/19 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
鼠标滚轮控制网页横向移动实现思路
2013/03/22 Javascript
js处理json以及字符串的比较等常用操作
2013/09/08 Javascript
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
2016/06/22 Javascript
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
Vue Prop属性功能与用法实例详解
2019/02/23 Javascript
apache部署python程序出现503错误的解决方法
2017/07/24 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
Django 项目通过加载不同env文件来区分不同环境
2020/02/17 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
Python3 ffmpeg视频转换工具使用方法解析
2020/08/10 Python
HTML5 Notification(桌面提醒)功能使用实例
2014/03/17 HTML / CSS
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
梅西百货官网:Macy’s
2020/08/04 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
个人求职信范文分享
2014/01/06 职场文书
护士毕业实习感言
2014/03/05 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
推荐信怎么写
2014/05/09 职场文书
银行自荐信怎么写
2015/03/05 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android