autocomplete_使用说明（Autocomplete _ 使用说明）.doc

autocomplete_使用说明（Autocomplete _ 使用说明） JQuery autocomplete 使用手册 (2009 / 12 / 23: 37: 44) 转载 标签: 杂谈 JQuery autocomplete学习 一、用前必备 官方网站: http: / / bassistance.de / jQuery plugins / plugin jQuery 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 (or Data URL, Options) returns: jQuery 让一个input或textarea有autocomplete功能 例子 Js代码 Var = Core Data selectors CSS attributes traversing manipulation Events Effects Ajax Utilities (split); $(# example).Autocomplete (Data); 以上的例子就是为id为example添加autocomplete Var [email = {name: Peter Pan, to: Peter @ pan.de}, {name: Molly, to Molly @ yahoo. Com}, {name: Forneria Marconi, to Live @ japan.jp}, {name: master sync em / em to: 205bw @ }, {name: Dr. strong / strong Tech log to: G15 @ }, {name: Don Corleone, to: @ V Gift}, {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): 决定比较时是否要在字符串内部查看匹配, 如ba是否与foo bar中的ba