插件地址:https://github.com/harvesthq/chosen/
使用时,需要先引入jquery,然后再引入chose的js和css
<script type="text/javascript" src="@{'/public/js/chosen/chose.jquery.js'}"></script>
<link rel='stylesheet' href='@{'/public/js/chosen/chosen.css'}' type='text/css' media='all'/>
在select的class属性添加chzn-select,定义select的width属性
<select style="width: 300px" class="chzn-select" id="obj_branch_id" name="obj.branch.id">
<option value="">选择网点 </option>
</select>
然后在select元素上启用chose
jQuery("#obj_branch_id").chosen();
如果select中的选项发生变化,例如通过ajax更新了option,可以在ajax的回调函数中更新chose
jQuery("#obj_branch_id").trigger("liszt:updated");