博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
多选下拉框 jquery.multiple.select的使用
阅读量:6530 次
发布时间:2019-06-24

本文共 820 字,大约阅读时间需要 2 分钟。

介绍:多选下拉选择插件是jQuery插件选择复选框,多元素的。有单选、多选还有其他分组多选、过滤条件选择等等。

相关API及demo:http://wenzhixin.net.cn/p/multiple-select/docs/#multiple-select

以下是项目中曾用的demo:

1.首先引用jquery.multiple.select.js、multiple-select.css

2.在页面select下拉列表里面加一个multiple="multiple"

3.在页面初始化的时候,要在js里面加一段代码:

<%--这个是默认选中的--%>var numbusIps='${queryStormBaseConfInfo.nimbusHost}';    $('#nimbusHost').multipleSelect({        width: '300px',        single:true//单选,去掉single就是多选    }).multipleSelect('setSelects',[numbusIps]);<%--这个是默认不选中的--%>var numbusIps='${queryStormBaseConfInfo.nimbusHost}';    $('#nimbusHost').multipleSelect({        width: '300px',        single:true//单选,去掉single就是多选    });

 4.提交的时候直接用var nimbusHost=$("#nimbusHost").val();就可以得到多选下拉框选中的值。

转载于:https://www.cnblogs.com/hawell/p/jquery-multiple-select.html

你可能感兴趣的文章
s:iterator巧妙控制跳出循环
查看>>
Serv-U 的升级及数据备份和迁移【转】
查看>>
webstorm无法显示左边文件夹目录的解决方法
查看>>
数字校园-云资源平台 2014.10.26-人人通共享空间
查看>>
爬虫基础
查看>>
JS组件系列——再推荐一款好用的bootstrap-select组件,亲测还不错
查看>>
MySQL出现Waiting for table metadata lock的场景浅析
查看>>
什么是数据埋点?
查看>>
git回滚
查看>>
vue2.0 引用qrcode.js实现获取改变二维码的样式
查看>>
Python 判断闰年,判断日期是当前年的第几天
查看>>
脏读,幻读,不可重复读解释和例子
查看>>
银行卡信息安全事件频发 互联网站成数据泄露"重灾区"
查看>>
云服务器 ECS 使用OpenAPI管理ECS:使用OpenAPI弹性创建ECS实例
查看>>
5G技术的5大猜想
查看>>
MongoDB 3.0(1):CentOS7 安装MongoDB 3.0服务
查看>>
别随便安装 Pokemon GO被曝藏恶意后门
查看>>
让数据会思考会说话,为出海企业提供多样化数据智能解决方案
查看>>
我眼中的自动化测试框架设计要点
查看>>
FLIF:自由的无损图像格式
查看>>