Jquery插件下拉复选multiSelect使用

工程出现下拉复选功能,把自己在网上查询的东西总结一下》》》》》》》》》》 :lol:

1、首先引入Jquery库和要用的插件multiSelect


<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script><!--在工程里面已经引入就不用再引用了-->
<script src="../jquery.bgiframe.min.js" type="text/javascript"></script><!--看具体工程需要引入-->
<script src="../jquery.multiSelect.js" type="text/javascript"></script>
<link href="../jquery.multiSelect.css" rel="stylesheet" type="text/css" />


2、html代码


<select id="selectDept" name="selectDept" style="width: 200px;" [color=red]multiple="multiple"[/color]>
<option value="">--请选择--</option>
<c:forEach items="${depList}" var="dep" >
<option value="${dep.organiseID}" >${dep.organiseName }</option>
</c:forEach>
</select>

<input type="hidden" name="organiseIdStr" id="organiseIdStr" value=""><!--添加一个隐藏域,获取选择的下拉列value-->



3、初始化multiSelect

$(document).ready(function(){
$("#selectDept").multiSelect({
selectAll: false,
oneOrMoreSelected: '*',
selectAllText: '全选',
noneSelected: '--请选择--'
}, function(){ <!--回调函数-->
$("#organiseIdStr").val($("#selectDept").selectedValuesString());
});
});



4、关于下拉列表的初始化
没有找到可用的函数,自己添加要初始化菜单的select属性就行。
简单使用了一下
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值