autocomplete_使用说明.docVIP

jquery-autocomplete 使用手册 (2009-12-23 10:37:44) 转载 标签： 杂谈 jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.0.2 需要JQuery版本：1.2.6 二、使用 script src=./jquery-1.3.2.js type=text/javascript/script script src=./jquery.autocomplete.js type=text/javascript/script link rel=stylesheet href=./jquery.autocomplete.css / autocomplete( url or data, options ) Returns: jQuery 让一个input或textarea有autocomplete功能 例子 Js代码 var data = Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities.split( ); $(#example).autocomplete(data); 以上的例子就是为id为example添加autocomplete var emails = [ { name: Peter Pan, to: peter@pan.de }, { name: Molly, to: molly@ }, { name: Forneria Marconi, to: live@japan.jp }, { name: Master emSync/em, to: 205bw@ }, { name: Dr. strongTech/strong de Log, to: g15@ }, { name: Don Corleone, to: don@ }, { name: Mc Chick, to: info@ }, { name: Donnie Darko, to: dd@ }, { name: Quake The Net, to: webmaster@ }, { name: Dr. Write, to: write@ } ]; //emails的数组格式如上，formatItem代表的是显示的格式，formatMatch表示匹配的内容，formatResult表示结果的内容 $(#suggest13).autocomplete(emails, { minChars: 0, width: 310, matchContains: true, autoFill: false, formatItem: function(row, i, max) { return i + / + max + : \ + + \ [ + row.to + ]; }, formatMatch: function(row, i, max) { return + + row.to; }, formatResult: function(row) { return row.to; } }); 三、参数说明： * minChars (Number): 在触发autoComplete前用户至少需要输入的字符数.Default: 1，如果设为0，在输入框内双击或者删除输入框内内容时显示列表 * width (Number): 指定下拉框的宽度. Default: input元素的宽度 * max (Number): autoComplete下拉显示项目的个数.Default: 10 * delay (Number): 击键后激活autoComplete的延迟时间(单位毫秒).Default: 远程为400 本地10 * autoFill (Boolean): 要不要在用户选择时自动将用户当前鼠标所在的值填入到input框. Default: false * mustMatch (Booolean): 如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框.Default: false * matchContains (Boolean): 决定比较时是否