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" ?id="emp_id" ?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

總結

以上是生活随笔為你收集整理的jquery Chosen使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。