需求說明做報表的時候，篩選條件中需要用到複選下拉框，首先說明：

1. 複選框（checkbox）無法滿足我的需求，因為可選項有上百個，不可能都直接列在頁面上
2. 下拉框（select）也無法滿足，因為不支援複選

在網上找了很久，找到一個比較合適的複選框元件，詳細網址如下：https：//developer.snapappointments.com/bootstrap-select/

需要引入的CSS和JS，及引入位置需要引入的檔案可以從這裡下載，不想費積分可以直接從這裡下載，匯入自己專案位置如下面圖示，主要的8個檔案被紅框框住的就是，然後將CSS，JS引入到你的JSP即可。

具體使用例項如下，假設JSP中有如下程式碼：

                            <span>牛人學歷：</span>
                            <span>
                                <select class="selectpicker" id="degree" multiple title="請選擇:">
                                    <option value="0">初中及以下</option>
                                    <option value="1">中專/中技</option>
                                    <option value="2">中專及以下</option>
                                    <option value="3">中專</option>
                                    <option value="4">大專</option>
                                    <option value="4">本科</option>
                                    <option value="4">碩士</option>
                                    <option value="4">博士</option>
                                </select>
 

1取值方法

var degree = $('#degree').val()+"";
if("null" == degree || "undefined" == degree){
    degree="";
}

2onclick事件獲取

    $('#degree').on('changed.bs.select',function(){


        var level2Code =  "("+$('#secondJob').val()+")";
        var json = {
            jobLevel:'3',
            level2Code:level2Code
        };
        $.ajax({
            type: "POST",
            url: "../bireport/getJobByLevel.action",
            contentType : "application/json",
            dataType:"html",
            data: JSON.stringify(json),
            success: function(resp){
                $("#thirdJob").html(resp);
                $('#thirdJob').selectpicker("refresh");
            },
            error:function(resp){
                $.messager.alert('出錯了','系統出錯，請聯絡管理員。','error');
            }
        });

        }
    );
 

3下拉框下拉選項內容修改

 $("#degree").html("<option value="3">中專</option> <option value="4">大專</option>");
  $('#degree').selectpicker("refresh");

4設定下拉框不可選

            $('#degree').attr("disabled",false);

別的具體的還需要看