可以使用jquery.multiSelect插件。需要在页面中引入这些文件，jquery.js，jquery.bgiframe.min.js，jquery.multiSelect.js，jquery.multiSelect.css
<select id="roleIds" name="roleIds" style="width:180px" multiple="multiple"><c:forEach items="${roleList }" var="role"><option value="${role.id }">${role.name }</option></c:forEach></select>
$(document).ready( function() {
$("#roleIds").multiSelect({selectAll: false,oneOrMoreSelected: '*',selectAllText: '全选',noneSelected: '请选择'}, function(){ //回调函数if($("[name='roleIds']:checked").length > 0){$("#errRed").empty();}else{$("#errRed").text("请选择");}});
});
http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
暂无简介
文章 0 评论 0
接受
发布评论
评论（1）
可以使用jquery.multiSelect插件。
需要在页面中引入这些文件，jquery.js，jquery.bgiframe.min.js，jquery.multiSelect.js，jquery.multiSelect.css
<select id="roleIds" name="roleIds" style="width:180px" multiple="multiple">
<c:forEach items="${roleList }" var="role">
<option value="${role.id }">${role.name }</option>
</c:forEach>
</select>
$(document).ready( function() {
$("#roleIds").multiSelect({
selectAll: false,
oneOrMoreSelected: '*',
selectAllText: '全选',
noneSelected: '请选择'
}, function(){ //回调函数
if($("[name='roleIds']:checked").length > 0)
{
$("#errRed").empty();
}
else
{
$("#errRed").text("请选择");
}
});
});
http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/