温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jquery.multiSelect下拉框多选

发布时间:2020-04-07 20:03:41 来源:网络 阅读:930 作者:gaofeng36599 栏目:web开发

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

 

案例

 

jsp代码:

<td>部门:
         <select id="departmentId" name="roleIds" 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();取值的

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI