1.類似普通select 標籤一樣

<select id="user_Level" class="form-control" multiple="multiple">
    <option value="10">VIP</option>
    <option value="20">管理級別</option>
    <option value="30">成員</option></select>

唯一區別就是多啦 multiple="multiple" 這個屬性（用來標識該下拉選擇框是個多選的） 

2.專案當中必須有引入外部js 和 css樣式

網上都有實在找不到，直接聯絡我。

3.頁面需要新增js程式碼

//頁面載入完畢之後初始化該多選下拉框，以及設定預設選項

$(document).ready(function () {

    $("#user_Level").multiselect({
        nonSelectedText:"-----請選擇代理人級別-----",
        buttonWidth:"100%"
});

});

4.當選擇完畢如何獲取選中的值(我的是提交表單的事件中加如下js程式碼)

var str 
 
= "";
$("#user_Level option:selected").each(function () {
    if (str != "") {
        str += ",";
    }
    str += $(this).val();
});

5.當編輯該選項的時候資料的回顯也是一個問題

我沒有想出更好的辦法所以在資料回顯的時候我在標籤上加了id

<select id="user_Level" class="form-control"  multiple=
 
"multiple" style="width: 100%;height: 100%">
    <option id="o1" value="10">VIP</option>
    <option id="o2" value="20">管理級別</option>
    <option id="o3" value="30">成員</option></select>

$(document).ready(function () {

    //通過隱藏域id獲取到後臺傳遞的值 和select標籤值對比選中
    var user_l = $("#u_level").val();
    if(user_l == '*'){
        $("#o1").attr("selected","selected");
        $("#o2").attr("selected","selected");
        $("#o3").attr("selected","selected");
    }else if(user_l == '10,20'){
        $("#o1").attr("selected","selected");
        $("#o2").attr("selected","selected");
    }else if(user_l == '20,30'){
        $("#o2").attr("selected","selected");
        $("#o3").attr("selected","selected");
    }else if(user_l == '10'){
        $("#o1").attr("selected","selected");
    }else if(user_l == '20'){
        $("#o2").attr("selected","selected");
    }else if(user_l == '30'){
        $("#o3").attr("selected","selected");
    }

    //然後在初始化這個多選標籤
    $("#user_Level").multiselect({
        nonSelectedText:"-----請選擇代理人級別-----",
        buttonWidth:"100%"
});

});