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

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

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

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

HTML代码：

　　
　　　　选项1
　　　　选项1
　　　　选项1
　　　　选项1
　　　　选项1
　　　　选项1
　　　　选项1                                                                                                                                                           
　　   

---

                                                                                                                                                                                                                                                                                                                                                          
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