为了账号安全,请及时绑定邮箱和手机立即绑定

jquery中下拉多选插件jquery.multiSelect的使用

标签:
JQuery

使用multiSelect需要导入jquery.bgiframe.min.js,jquery.multiSelect.css,jquery.multiSelect.js还有几个图片。

 

案例

 

html代码:

<td>部门:
       <select id="departmentId" name="roleIds"  multiple="multiple">
              <c:forEach items="${depts}" var="depart">
                        <option title="${depart.name}" value="${depart.id}">${depart.name}</option>
               </c:forEach>
         </select>
</td>

 

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();取到的他的名字

 


 


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消