jquery中下拉多選插件jquery.multiSelect的使用

使用multiSelect需要導入jquery.bgiframe.min.js，jquery.multiSelect.css，jquery.multiSelect.js還有幾個圖檔。

案例

html代碼：

<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("");

            });

    });

取值：

在網上找了官方的api說

var array_of_checked_values = $("#departmentId").multiselect("getChecked").map(function(){

        return this.value;

    }).get();

可以取到值，但是不知到什麼原因就是取不到，在網上查了很多檔案也說有問題，是以果斷放棄了，有知道的可以告訴我，感謝...

是以我var array_of_checked_values = $("#departmentId").find("span").text();取到的他的名字

本文轉自gaofeng36599 51CTO部落格，原文連結:http://blog.51cto.com/786678398/1631907