多选下拉框 jquery

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