带模糊查询的select下拉框
来源:互联网 发布:effective java 编辑:程序博客网 时间:2024/05/17 07:13
最近做了一个功能,在下拉框中有上千条选项,这种情况下肯定不能一个一个地去找,所以在下拉框中添加了一个模糊查询的功能,很多资料都有各种问题,下面是我实现的完整的实例:
下面是效果图:
可以看到文本是可以编辑的,可以在这里输入内容,下面是查询之后的效果:
所有带“灰色”字段的内容都显示出来了。
下面将实现过程,首先要导入js和css文件:
<link rel="stylesheet" href="assert/select/combo.select.css"><script src="assert/select/jquery.combo.select.js"></script>
文件下载路径:
http://download.csdn.net/detail/cat_pp/9698493
*
收了大家一个积分,想给的就给个积分,没有也没关系,给我留言或者加qq:3393055725(荒),直接分享给大家
*
接下来就是前台和js部分了,先看HTML:
<select id="select"> <option value="0">请选择</option> <c:forEach items="${test}" var="test"> <option value="${test.data}">${test.data }</option> </c:forEach></select>
用forEach标签输出option中的内容,这里使用request.setAttribute(“test”,dataSource)将dataSource实体类赋值给test,在前台通过EL表达式获取数据循环出来,效果和多个option标签是一样的。
接下来是js部分:
$(function){ $("#select").comboSelect();}
这部分就不详细解释了,主要就是通过id获取到select标签,然后调用comboSelect方法就可以了。
很好用,希望能帮到大家
0 5
- 带模糊查询的select下拉框
- select 下拉框 模糊查询
- js模糊查询 定位select 下拉框
- select下拉框之select2模糊查询
- Select下拉框(支持输入模糊查询)
- 【JavaScript】Select下拉列表 可输入的模糊查询
- 下拉框模糊查询
- 动态模糊查询的下拉框
- 下拉框模糊查询的实现
- 带搜索功能的下拉框select
- WEB下拉框模糊查询
- 下拉框 支持模糊查询
- angular下拉框模糊查询
- 模糊查询,带参数的
- 简单实用js——可输入可选择可模糊查询的select下拉
- 【项目实战】select+input实现下拉框左右选择+模糊查询功能
- Select下拉列表类(支持输入模糊查询)
- Select下拉列表类(支持输入模糊查询)
- 闭包详解
- CodeForces 140E
- 查找C程序中的"if", "else", "for"等的出现次数
- 第一章 快速改造:基础知识
- android app中的权限及自定义权限
- 带模糊查询的select下拉框
- 网络协议
- ASP通过代码绑定Gridview控件
- 每一个C#开发者必须知道的13件事情
- 如何notepad++打造成为轻量化的java文件编辑工具
- Android支持不同设备上的显示
- Dec。
- [高3笔记知识点]第三章.JS基本概念-操作符(1)
- JNDI概念 用法 转发好文