https://www.cnblogs.com/sherryweb/p/11057746.html

多选下拉框（select 下拉多选）

方法一：使用multiple-select.js和multiple-select .css实现

HTML代码：

　　<select id='checkedLevel' style="width:120px;height:28px;" multiple="multiple">
　　　　<option value="1">选项1</option>
　　　　<option value="2">选项1</option>
　　　　<option value="3">选项1</option>
　　　　<option value="4">选项1</option>
　　　　<option value="5">选项1</option>
　　　　<option value="6">选项1</option>
　　　　<option value="7">选项1</option>                                                                                                                                                           
　　</select>   

---

                                                                                                                                                                                                                                                                                                                                                          
js代码：

　　$('#checkedLevel').multipleSelect({
　　　　addTitle: true, //鼠标点悬停在下拉框时是否显示被选中的值
　　　　selectAll: false, //是否显示全部复选框，默认显示
　　　　name: "质控级别",
　　　　selectAllText: "选择全部", //选择全部的复选框的text值
　　　　allSelected: "全部", //全部选中后显示的值
　　　　//delimiter: ', ', //多个值直接的间隔符，默认是逗号
　　　　placeholder: "质控级别" //不选择时下拉框显示的内容
　　});

//设置默认选中:其中数组中多个值用逗号分隔，值是option的value
　　$("#checkedLevel").multipleSelect('setSelects', [1001,1002]);
设置选中后关闭下拉框：
        $('#selectJcjb').multipleSelect("close");//其他的方法，可到js中去查看方法名，根据实际情况进行调用。

---

参照网址：Multiple Select · Multiple Select is a jQuery plugin to select multiple elements with checkboxes :).

　　　　　jQuery Plugin For Selecting Multiple Elements - Multiple Select | Free jQuery Plugins

　　　　   jQuery Select多选

　　　　   jQuery Select多选

　　　　   jQuery下拉多选插件ySelect.js

提示：也可以使用bootstrap.multiselect实现，参照网址：http://davidstutz.de/bootstrap-multiselect/

原文：https://blog.csdn.net/shunhua19881987/article/details/81354122