jquery中下拉多选插件jquery.multiSelect的使用-创新互联
使用multiSelect需要导入jquery.bgiframe.min.js,jquery.multiSelect.css,jquery.multiSelect.js还有几个图片。
创新互联建站是一家专业提供普定企业网站建设,专注与成都做网站、网站制作、成都h5网站建设、小程序制作等业务。10年已为普定众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。案例
html代码:
js代码:
$(document).ready( function() {
$("#departmentId").multiSelect({
selectAll: false,
oneOrMoreSelected: '*',
selectAllText: '全选',
noneSelected: '请选择'
}, function(){ //回调函数
if($("[name='roleIds']:checked").length > 0)
{
$("#errRed").empty();
}
else
{
$("#errRed").text("");
}
});
});
取值:
在网上找了官方的api说
var array_of_checked_values = $("#departmentId").multiselect("getChecked").map(function(){
return this.value;
}).get();
可以取到值,但是不知到什么原因就是取不到,在网上查了很多文件也说有问题,所以果断放弃了,有知道的可以告诉我,感谢...
所以我var array_of_checked_values = $("#departmentId").find("span").text();取到的他的名字
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页名称:jquery中下拉多选插件jquery.multiSelect的使用-创新互联
链接地址:http://scyanting.com/article/doejdh.html