使用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