jQuery多选下拉列表插件Jquery多选功能介绍及使用

有多种选择的需求，这个插件是在网上找到的：这个插件的介绍是在Multiselect https://github.com/ehynds/jquery-ui-multiselect-widget CSDN博客上找到的，很多童鞋都问了这样一个问题，如何获得选中值？这个问题问得好，因为是看演示的时候发现的，呵呵！我简单说一下这个插件：Jquery-基于Jquery-ui的多选组件系统。因此，在使用它时，必须首先导入与jquery-ui相关的js和css。支持点击标签实现复选框组选择。标题选项，如全选/取消全选/关闭。它支持键盘选择。它支持五种不同的事件回调函数。它在列表中显示选定的项目，并可以设置最大显示值。方便更改滚动容器的位置、渐变速度、高度、链接文本、文本框默认内容等。效果如图所示。

以上效果的代码：html代码：复制代码如下： select id=' sela ' title=' basiceexample ' multiple=' multiple ' name=' example-basic ' size=' 5 ' Option value=' v1 ' Option 1/Option Option value=' V2 ' Option 2/Option value=' V3 ' Option 3/Option value=' Option 4 ' Option 4/Option value=' Option 5 ' Option 5/Option value=' Option 6 ' Option 6/Option value=' Option 7 ' Option 7/Option。多选({none selectedtext:'==请选择=='，checkAllText: '全选'，uncheckall text 3360 '选择无'，selected list :4 })；});调用多选时有很多参数。我觉得公文写的很详细，懂e的同学都可以看。好吧，这是我们最关心的。如何获取选定的值？官方文档找不到任何方法来获取select控件中选定项的值。我看了它的源代码，是1.14版本。真的没找到。但是我们可以自己动手做这个插件！总而言之！首先声明一个变量来记录选中的值列表，剪切一张图片：。

然后我们会发现源代码中有一个更新的方法，用来获取用户选择的项目的文本，呵呵，于是我们想到了，简单的DIY: 。

然后在代码中添加一个方法：复制代码如下： mvalues : function(){ Return MultiValues；}好了，插件的DIY完成了。以下是页面上的调用：复制代码如下：函数show values(){ varvaluestr=$(' # sela ')。多选(' my values ')；alert(value str)；}好的，好的！请参见附件中的Diy代码和演示。