工程出现下拉复选功能,把自己在网上查询的东西总结一下》》》》》》》》》》
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属性就行。
简单使用了一下