使用multiSelect需要导入jquery.bgiframe.min.js,jquery.multiSelect.css,jquery.multiSelect.js还有几个图片。
案例
html代码:
<td>部门:
<select id="departmentId" name="roleIds" style="width:180px" 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();取到的他的名字
本文转自gaofeng36599 51CTO博客,原文链接:http://blog.51cto.com/786678398/1631907