189 8069 5689

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://jkwzsj.com/article/doejdh.html

其他资讯