jquery Chosen使用

1，首先去http://harvesthq.github.io/chosen/下载插件。

2，在网页中加入下面的文件。

<link rel="stylesheet" href="/css/chosen.css" />

<script type="text/javascript" src="/js/jquery.form.js"></script>

<script type="text/javascript" src="/js/chosen.jquery.js"></script>

3，在页面中加入以下js:其中"emp_input_init"只是起到让jquery插件获取select元素的作用。

jQuery('.emp_input_init').chosen();

4，在页面中使用select标签的地方加入class，即可如下：

<select class="select_input_init"    name="empId">

<c:forEach items="${empList}" var="emp">

<option url ='${emp.url}' value='${emp.id}'> ${emp.name} </option>

</c:forEach>

</select>

注意：

如果有两个select标签进行级联 则需要在第二个select的事件中写入下面的js，否则级联失效.

jQuery('.emp_input_init').trigger("liszt:updated");

参考：http://blog.csdn.net/iamduoluo/article/details/11519909