jquery.multiSelect下拉框多选

简介:

使用multiSelect需要导入jquery.bgiframe.min.js,jquery.multiSelect.css,jquery.multiSelect.js还有一些图片,详见附件。

 

案例

 

jsp代码:

<td>部门:
         <select id="departmentId" name="roleIds" style="width:180px" multiple="multiple">
                 <c:forEach items="${depts}" var="depart">
                          <option title="${depart.name}" value="${depart.id}">${depart.name}</option>
                 </c:forEach>
           </select>
</td>

 

js代码:

$(document).ready( function() {
            $("#departmentId").multiSelect({
                    selectAll: false,
                    oneOrMoreSelected: '*',
                    selectAllText: '全选',
                    noneSelected: '请选择'
            }, function(){   //回调函数
                if($("[name='roleIds']:checked").length > 0)
                    {
                        $("#errRed").empty();
                    }
                else
                {
                        $("#errRed").text("");
                    }
            });

    });

 

取值:

官网取值:

var array_of_checked_values = $("#departmentId").multiselect("getChecked").map(function(){
        return this.value;
    }).get();

不好用,取不到,网上找了资料也存在这个问题,哪位大拿可以帮忙解答一下,3q

所以我使用var array_of_checked_values = $("#departmentId").find("span").text();取值的



本文转自gaofeng36599 51CTO博客,原文链接:http://blog.51cto.com/786678398/1631909

相关文章
|
9月前
|
JavaScript 数据库
2021-07-31大连东软实训第十天---监听器,过滤器,cookie,jQuery基本语法,多选
2021-07-31大连东软实训第十天---监听器,过滤器,cookie,jQuery基本语法,多选
39 0
|
JavaScript 前端开发
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
249 0
|
JavaScript
|
Web App开发 XML JavaScript
一些实用的JQuery代码片段收集(筛选,搜索,样式,清除默认值,多选等) - 草稿
1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。
1020 0
|
JavaScript
jquery checkbox 限制多选的个数
2015年11月6日 16:32:49 选中第四个的时候提示超过了3个, 点解alert框取消后, 将最后一个选中的checkbox取消选中 1 2 $(document).ready(function (){ 3 $('input[type=checkbox]').
626 0
|
7月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
8月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0