下拉列表多选插件

Bootstrap Multiselect

官网：http://davidstutz.de/bootstrap-multiselect/

<!-- Include Twitter Bootstrap and jQuery: -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/>


<select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

$('#customerId').multiselect({
					 selectAllText:'全部',
					   	buttonWidth: '200px',
		                nonSelectedText : '--请选择--',  
		                maxHeight : 350,   
		                numberDisplayed : 5 ,
		                buttonClass: 'btn btn-white',
		            	includeSelectAllOption: true,
		            	allSelectedText: '已选择'
		        });
					 
				$(".multiselect").css("border-radius","5px");
				$(".multiselect").css("height","29px");
				

 

Jquery.tree-multiselect

<link rel="stylesheet" href="ztree/css/zTreeStyle/zTreeStyle.css" />
<link rel="stylesheet" href="ztree/css/zTreeStyleExt/zTreeStyleExt.css" />
<link rel="stylesheet" href="ztree/css/zTreeStyle/jquery.tree-multiselect.css" />
<script src="${base}/plug-in/ztree/js/jquery-ui.min.js"></script>
<script src="${base}/plug-in/ztree/js/jquery.ztree.all-3.5.min.js"></script>
<script src="${base}/plug-in/ztree/js/jquery.ztree-extra.js"></script>


<div class="form-group pull-left " style="margin-left:10px">
	<label class="filter-label control-label no-padding-right">门店</label>
	<div class="filter-input storesBox">
		<input type="hidden" id="storeIds" name="storeIds" />
		<div style="position:relative;">
			<div class="select-content radius">
				<div class="tree-switch">
					<span class="selectedNum">全部</span>
					<i class="ace-icon fa fa-refresh bigger-110" title="重置"></i>
				</div>
				<select id="storeIdMulSelect" class="multiTree" multiple="multiple" >
					<#if storeInfoList?? && storeInfoList?size gt 0>
						<#list storeInfoList as store>
				<option value="${(store.id)!}">${(store.code)!}-${(store.name)!}</option>
						</#list>
					</#if>
				</select>
			</div>
		</div>
	</div>
</div>