jquery chosen插件使用

插件地址：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="">选择网点&nbsp;</option>
</select>

 

然后在select元素上启用chose

jQuery("#obj_branch_id").chosen();

 

如果select中的选项发生变化，例如通过ajax更新了option，可以在ajax的回调函数中更新chose

jQuery("#obj_branch_id").trigger("liszt:updated");