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" 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使用相关推荐

jquery.chosen.js下拉选择框美化插件项目实例
由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生 ...
jquery.chosen.js实现模糊搜索
jquery.chosen.js查询时,chosen默认从第一个字符搜索,所以写中间的字符搜索时,是搜索不出来的若想实现中间字符的模糊查询,下面的js中(search_contains属性为true ...
jQuery Chosen 使用
jQuery Chosen 使用 1. jQuery Chosen 选择框下拉值重置: 1 2 3 4 //重置 $("#easySelBrands").val("默认 ...
chosen ajax获取数据,Jquery Chosen插件 - 由Ajax动态填充列表
小智.. 5 选择的答案已经过时,熔化/ ajax选择的插件也是如此. 使用Select2插件有很多错误,我无法解决它. 这是我对这个问题的回答. //setup before functions v ...
jquery chosen插件使用及select常用方法
1.chosen插件使用 chosen插件依赖于jQuery库或prototype,使用之前要先引入jQuery或prototype. 引入jquery插件和chosen插件,对需要美化的下拉框执行c ...
jquery.chosen.css,jquery-chosen 选择框插件
Chosen 是一个 JavaScript 插件,它能让丑陋的.很长的 select 选择框变的更好看.更方便,不仅如此,它更扩大了,增长了主动筛选的功能.它可对列表进行分组,同时也可禁用某些选择项. ...
jquery chosen插件动态更新数据
动态更新数据 $("#txt_search_batch").find("option").remove(); $("#txt_search_batch ...
关于jq chosen的使用心得
jQuery Chosen 使用 html代码单选 <select class="" data-placeholder="请选择" id="e ...
html搜索框美化代码单词,CSS 漂亮搜索框美化代码
1.美化滚动条 * { & 大家都知道select下拉框是最难美化的.这里有个Jquery的插件可以使下拉框变的魔幻起来. Jquery chosen插件. 美化网页元素3.1 为 ...
angular面试题及答案_关于最流行的Angular问题的StackOverflow上的48个答案
angular面试题及答案 by Shlomi Levi 通过Shlomi Levi 关于最流行的Angular问题的StackOverflow上的48个答案 (48 answers on Stack ...

jquery Chosen使用

jquery Chosen使用相关推荐

最新文章

热门文章