1. 引入
先引入jquery, jquery-ui.js
<script src="${staticURL}/../scripts/jquery.multiselect.min.js"></script> <link rel="stylesheet" href="${staticURL}/../style/jquery.multiselect.css" />
2. html
<select id="regSel" multiple="multiple"> <s:iterator value="registries" id="n"> <option><s:property value="n"/></option> </s:iterator> </select>
其中,registries是后台一个List<String> registries.
3. js
$(document).ready(function(){
$("#regSel").multiselect({
noneSelectedText: '请选择注册中心',
checkAllText: '全选',
uncheckAllText: '全不选',
selectedList: 5,
minWidth: 500
});
});
效果:
插件官网:http://www.erichynds.com/blog/jquery-ui-multiselect-widget