将select改造成搜索框(chosen.jquery.js)使用
2017-10-19 17:35
281 查看
如果我们想把select查询出来的结果,可以通过搜索框筛选出来,实现下面这个效果,如下图:
实现这个效果,可以使用jquery的chosen.jquery这个插件实现,
使用步骤:
1.引用chosen.css、chosen.jquery.js文件,如下图:
2. <select class="select_control sign_right_one" id="selSuppliant"></select>
加上红框中的代码即可实现搜索功能。
实现这个效果,可以使用jquery的chosen.jquery这个插件实现,
使用步骤:
1.引用chosen.css、chosen.jquery.js文件,如下图:
2. <select class="select_control sign_right_one" id="selSuppliant"></select>
加上红框中的代码即可实现搜索功能。
相关文章推荐
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- chosen.jquery.js 搜索框实现模糊搜索 chosen-select
- chosen.jquery.min.js的使用(select下拉框支持首字母搜索)
- 在使用jquery的chosen下拉列表的插件时,碰到了使用jquery.validate.js的冲突
- IE6使用jquery.bgiframe.js解决select元素不会正常隐藏的BUG
- chosen.jquery.js 搜索框只能从头匹配的解决思路+方法
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- 省市区选择插件jquery.cityselect.js的使用示例
- jquery中<select/>下拉框元素中类样式chosen-select-deselect的使用
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- 操作select的jquery插件 注意:使用时请保持JS文件的编码和你程序的编码一致...
- Jquery multiselect 多选下拉框与ajax配合使用,动态拼接option。初始化默认选中多个,增加搜索框
- 多选框select美化chosen.js的使用
- jquery的select下拉框美化插件Chosen 使用
- chosen.jquery.min.js select2.js 弊端
- 省市二级联动--使用app-jquery-cityselect.js插件
- 使用JS和使用Jquery向select下添加option的区别
- jquery使用jquerydoubleselectmin.js实现二级菜单联动
- chosen.jquery.js 使用笔记