上网找了一下下拉多选方面的插件,其中发现jquery.multiSelect是比较容易使用的一款,具体在文件附件里
下面用一个小例子说明一下:
需要在页面中引入这些文件,jquery.js,jquery.bgiframe.min.js,jquery.multiSelect.js,jquery.multiSelect.css
html片段:
- <form id="companyTypeForm" method="post" name="companyTypeForm" action="companyType.do?method=save">
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td>类型名称:</td>
- <td>
- <input type="text" name="name" />
- </td>
- <td>拥有角色:</td>
- <td>
- <select id="roleIds" name="roleIds" style="width:180px" multiple="multiple">
- <c:forEach items="${roleList }" var="role">
- <option value="${role.id }">${role.name }</option>
- </c:forEach>
- </select>
- <font color="red" id="errRed"></font>
- </td>
- </tr>
- <tr>
- <td colspan="4">
- <input name="save" type="submit" value="保存" />
- <input name="reset" type="reset" value="重置" />
- </td>
- </tr>
- </table>
- </form>
js片段:
- $(document).ready( function() {
- $("#roleIds").multiSelect({
- selectAll: false,
- oneOrMoreSelected: '*',
- selectAllText: '全选',
- noneSelected: '请选择'
- }, function(){ //回调函数
- if($("[name='roleIds']:checked").length > 0)
- {
- $("#errRed").empty();
- }
- else
- {
- $("#errRed").text("请选择");
- }
- });
- });
就这么简单的就用起来了!
博客:http://wang-min-zhao-sina-com.iteye.com/blog/1467204
相关推荐
自己封装的继承自C# Winform中ComboBox的下拉多选控件,操作简单,效果非常好。①,可设置允许单选或多选。②,可绑定List,DataTable,Dictionary,string>类型的数据源。③,在下拉列表中可显示自定义的多列数据。...
c#winform下拉多选自定义控件(带全选),可以自己定义选择项的下拉框
继承自C# Winform中ComboBox的下拉多选控件,操作简单,效果非常好 1、多选。 2、可绑定List,DataTable,Dictionary类型的数据源。 3、在下拉列表中可显示自定义的多列数据。 4、可在下拉列表中通过输入关键字,...
layui下拉多选,下拉选择多选
可以放到项目中用 mutiselect 下拉多选插件 可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表,有demo
自定义的WinForm窗体的下拉框中可以多选
excel VB 实现下拉多选功能
Extjs 模拟下拉多选checkbox
web前端插件+下拉多选复选框,可用于后台多选数据,前端也可以使用,插件可以二开也可以
下拉多选菜单jquery代码
实现了下拉多选,并且可以左右选择,左右移除,页面效果非常好
这是一款 html下拉选择的相关插件,可以美化下拉框的样式,并支持多选
因为项目的需求,要求使用下拉多选来实现多个分类,网上搜了很多,包括jquery的select2,以及http://dotansimha.github.io/angularjs-dropdown-multiselect/docs/#/main里面的Basic Settings Example,可能是不会...
Extjs 下拉树 下拉多选树 支持多选 全选/全不选 下拉多选框
网上找来的,非原创。内含控件dll和完整的调用示例。
Andriod 下拉多选菜单(布局可以自己写xml).
自己编写的下拉多选列表。满足多选的需求。java工程压缩包。直接可以运行
通过读取数据表生成一个可供多选的下拉列表控件,要求数据表中至少要有“编码”和“名称”两个字段,字段名任意。并且“编码”字段是主键,字符型或数字值都可以。 使用示例: uo_1.i_sqlselect='from demotab'//这...
android studio,demo,Spinner下拉菜单多选的实现,android studio3.0.1的环境下使用。