通常我们的项目中可能经常会用到模糊查询功能,这样如果每次都加载一个像jquery的autoComplete插件的话即用不到其多余的功能,也加大了网页的加载量。于是自己写了一个function函数,想要用的时候就调用即可,非常方便,代码量也很少,可以实现基本的模糊查询功能。一、au ...
通常我们的项目中可能经常会用到模糊查询功能,这样如果每次都加载一个像jquery的autoComplete插件的话即用不到其多余的功能,也加大了网页的加载量。于是自己写了一个function函数,想要用的时候就调用即可,非常方便,代码量也很少,可以实现基本的模糊查询功能。
一、autoQuery介绍
autoQuery函数支持传入三个参数elem, url, param,即autoQuery(elem, url, param)。
其中elem为绑定模糊查询的元素对象,一般为<input>;
url为所要获取数据的ajax请求的url地址字符串,如:'getQuery.json';
param为给服务器端传送的参数对象,如{value: elem.val()};
二、autoQuery代码
(1) css样式
/* 模糊查询样式开始 */ .auto-query-wrap { position: absolute; max-height: 200px; overflow-y: auto; overflow-x: hidden; border: 1px solid #ddd; background: #fff; color: #333; padding-left: 0px; z-index: 9999; } .auto-query-wrap .query-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .query-item:hover { background: #ddd; } /* 模糊查询样式结束 */
原标题:自编写模糊查询函数autoQuery
关键词:函数
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。