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

古城微笑少年丶 2024-05-02 20:21 11阅读 0赞

[https://www.cnblogs.com/sherryweb/p/11057746.html][https_www.cnblogs.com_sherryweb_p_11057746.html]

## [多选下拉框（select 下拉多选）][https_www.cnblogs.com_sherryweb_p_11057746.html] ##

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

**HTML代码：**

--------------------

**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 :).][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 Plugin For Selecting Multiple Elements - Multiple Select _ Free jQuery Plugins]

[jQuery Select多选][jQuery Select]

[jQuery Select多选][jQuery Select 1]

[jQuery下拉多选插件ySelect.js][jQuery_ySelect.js]

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

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

[https_www.cnblogs.com_sherryweb_p_11057746.html]: https://www.cnblogs.com/sherryweb/p/11057746.html
[multiple-select]: https://github.com/wenzhixin/multiple-select
[Multiple Select _ Multiple Select is a jQuery plugin to select multiple elements with checkboxes _.]: http://wenzhixin.net.cn/p/multiple-select/docs/index.html?locale=zh_CN#with-optgroups1
[jQuery Plugin For Selecting Multiple Elements - Multiple Select _ Free jQuery Plugins]: https://www.jqueryscript.net/form/jQuery-Plugin-For-Selecting-Multiple-Elements-Multiple-Select.html
[jQuery Select]: http://www.jq22.com/yanshi2604
[jQuery Select 1]: http://www.jq22.com/jquery-info2604
[jQuery_ySelect.js]: http://www.jq22.com/jquery-info20898?tdsourcetag=s_pcqq_aiomsg
[http_davidstutz.de_bootstrap-multiselect]: http://davidstutz.de/bootstrap-multiselect/