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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery多选下拉列表插件jquery multiselect功能介绍及使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2119字，纯文字阅读大概需要4分钟。

内容图文

<select id ="sela" title="Basic example" multiple="multiple" name="example-basic" size="5"> 
<option value="V1">Option 1</option> 
<option value="V2">Option 2</option> 
<option value="V3">Option 3</option> 
<option value="option4">Option 4</option> 
<option value="option5">Option 5</option> 
<option value="option6">Option 6</option> 
<option value="option7">Option 7</option> 
<option value="option8">Option 8</option> 
<option value="option9">Option 9</option> 
<option value="option10">Option 10</option> 
<option value="option11">Option 11</option> 
<option value="option12">Option 12</option> 
</select> 
 
调用multiselect插件的代码： 
 代码如下:

$(function(){ 
$("select").multiselect({ 
noneSelectedText: "==请选择==", 
checkAllText: "全选", 
uncheckAllText: '全不选', 
selectedList:4 
}); 
}); 
 
调用multiselect时有不少参数，我想官方文档写的很详啦，懂E文的同学都可以看看哦。 
好，下面是我们最关心的问题，怎么获取选中的值？

官方文档没有找到哪个方法可以获得select控件中选中的项的值。我读了它的源代码，是 1.14pre版本。真的没找到。

不过我们可以自己DIY一下这个插件哦！很简单地说！ 
首先声明一个变量用来记录选中的值列表，截个图： 
 
然后我们会发现源码里有一个update方法，这个方法是用来获取用户选中项的文本，呵呵，于是乎我们想到了，简单DIY一下： 


然后在代码中添加一个方法： 
 代码如下:

MyValues:function(){ 
return multiValues; 
} 
 
ok，对插件的DIY完成了。下面是页面上调用喽： 
 代码如下:

function showValues() { 
var valuestr = $("#sela").multiselect("MyValues"); 
alert(valuestr); 
} 
 
Yeah，OK啦！ 
Diy的代码和Demo见附件。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的Jquery多选下拉列表插件jquery multiselect功能介绍及使用全部内容，希望文章能够帮你解决Jquery多选下拉列表插件jquery multiselect功能介绍及使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端