multiSelect 下拉多選插件

multiSelect是一款很好用的下拉多選插件，可以在下拉框中實現多選框，全選及取消全選等方法。

使用方法：

1、引用 multiSelect.css及 multiSelect.js。

下載地址 http://loudev.com/

2、因為 multiSelect 是基於jquery開發的一款插件，所以在使用之前必須要引用jquery 1.8以上版本。

3、html代碼中必須含有 multiple="multiple"

 <select multiple="multiple" id="my-select" name="my-select[]">
      <option value='elem_1'>elem 1</option>
      <option value='elem_2'>elem 2</option>
      <option value='elem_3'>elem 3</option>
      <option value='elem_4'>elem 4</option>
  </select>

4、js

$("#my-select").multiselect({
        header: true,
        height: 200,
        minWidth: 200,
        selectedList: 9999,
        hide: [ "explode", 500 ],
        noneSelectedText: "==請選擇==", 
        checkAllText: "全選", 
        uncheckAllText: '全不選', 
        selectedList:4 
        close: function ()
        {
        }
    });                

5、參數

名稱	類型	默認值	描述
afterInit	function	function(container){}	在multiSelect啟動后調用的函數
afterSelect	function	function（values）{}	選擇一個元素后調用的方法。
afterDeselect	function	function（values）{}	取消一個元素后調用的方法。
selectableHeader	HTML/Text	null	可選擇的列表的標題
selectionHeader	HTML/Text	null	被選擇的列表的標題
selectableFooter	HTML/Text	null	可選擇的列表的頁腳
selectionFooter	HTML/Text	null	被選擇的列表的頁腳
disabledClass	String	'disabled'	禁用元素的css類
selectableOptgroup	Boolean	false	當設置為true時會選擇所有的選項
keepOrder	Boolean	false	篩選
dblClick	Boolean	false	替換默認點擊事件，通過dblclick選擇項目
cssClass	String	""	將自定義CSS類添加到多選擇容器。

 

6、效果圖