首页 > 代码库 > jquery Chosen使用
jquery Chosen使用
1,首先去http://harvesthq.github.io/chosen/下载插件。
2,在网页中加入下面的文件。
<link rel="stylesheet" href=http://www.mamicode.com/"/css/chosen.css" />
<script type="text/javascript" src=http://www.mamicode.com/"/js/jquery.form.js"></script>
<script type="text/javascript" src=http://www.mamicode.com/"/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=http://www.mamicode.com/‘${emp.id}‘> ${emp.name}
</c:forEach>
</select>
注意:
如果有两个select标签进行级联 则需要在第二个select的事件中写入下面的js,否则级联失效.
jQuery(‘.emp_input_init‘).trigger("liszt:updated");
参考:http://blog.csdn.net/iamduoluo/article/details/11519909
jquery Chosen使用