多选框select美化chosen.js的使用

一、导入js和css文件

<link href="css/plugins/chosen/chosen.css" rel="stylesheet">
<script src="js/plugins/chosen/chosen.jquery.js"></script>

二、html

<select data-placeholder='请选择部门' name='depart-" + pid + "-" + id + "' class='chosen-select' multiple style='width:250px;' tabindex='4'>
	<option value='a'>a</option>
</select>

三、js配置

var config = {
	'.chosen-select'           : {},
	'.chosen-select-deselect'  : {allow_single_deselect:true},
	'.chosen-select-no-single' : {disable_search_threshold:10},
	'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
	'.chosen-select-width'     : {width:"95%"}
	}
for (var selector in config) {
	$(selector).chosen(config[selector]);
}

效果图：