jQuery 扩展 类似Google搜索功能提示
/** * @author: 一只拖鞋 (Email: joknm12@163.com) * * 基于jQuery的类似Google搜索的提示列表 * 调用方式：$(input).tips(options); * options: 参数选项 *url JOSN 获取URL地址 *param 获取JOSN数据时提交的参数名 *leftText 提示列表左边显示文字的JSON字段 *rightText 提示列表右边显示文字的JSON字段 *inputText 点击提示列表后显示在输入框内容的JSON字段 *rightTextLength: 50, // 右边数字最长的长度 *leftTextLength:50, // 左边数字最长的长度 * *hiddenId 隐藏域id 可选 *hiddenText 隐藏域值 可选 *width 提示列表宽度，可选(超宽时自动加宽, 默认为300) *selectClass 选中样式 * * 要求返回的JSON数据格式为： *[{key:value,key:value...},{key:value,key:value...},...] * * 支持：IE, Firefox * @version: 1.0 *初始版本 * * @version: 2.0 *修复问题：1、禁止浏览器自动完成功能 * 2、修复与其它JS兼容问题 * 3、鼠标经过时显示手状图 * @version: 2.1 *修复问题：按回车无效，已修改 *添加功能：左边及右边字数显示的限制,默认为20个字/字符 */调用示例：<input type="text" height="20px" id="myinput1" name="myinput1" value=""/>$("#myinput1").tips({url: "json.html", // JOSN 获取URL地址param: "myinput1", // 获取JOSN数据时提交的参数名leftText: "text",// 提示列表左边显示文字的JSON字段rightText: "text2", // 提示列表右边显示文字的JSON字段inputText: "text", // 点击提示列表后显示在输入框内容的JSON字段hiddenId: "hid", // 隐藏域id 可选hiddenText: "id", // 隐藏域值 可选width: 100 // 提示列表宽度，可选});
1 楼 jallin 2010-10-03 不错啊！学习了！ 2 楼 kimono 2010-10-08 <p>很不错哈，如果加上分页功能就更不错了。</p> 3 楼 crazier9527 2010-10-09 不错，正好用到，多谢 4 楼 satanultra 2010-10-09 的的的的的的 5 楼 shiyj001 2010-10-09 真的非常好！ 6 楼 rockethj8 2010-10-09 jquery-1.4.2.min.js这个文件都没有…