jquery.autocomplete插件简介

 

Autocomplete 是在INPUT框上出现下拉提示菜单以便方便用户输入

例子

var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
$("#example").autocomplete(data);

 

以上的例子就是为id为example添加autocomplete

API 文档

Name Type

autocomplete( url or data, options )	Returns: jQuery
让一个input或textarea有autocomplete功能
result( handler )	Returns: jQuery
得到搜索结果的句柄
search( )	Returns: jQuery
触发一个search事件
flushCache( )	Returns: jQuery
清空缓存
setOptions( options )	Returns: jQuery
更新当前autocomplete的默认设置

[edit ]

动态依赖

很多时候一个autocomplete依赖于另一个范围.为了这种情况, 额外变量的选项能提供变化的参数。

细想一下以下的例子当输入州的时候。

$("#states").autocomplete(url, {
   extraParams: {
       country: function() { return $("#country").val(); }
   }
}); 

 

这样就能获得每个国家所对应的州

[

<!----> <!---->

<!---->

• jquery.autocomplete.zip (548.6 KB)
• 下载次数: 2735

分享到：

jquery.autocomplete插件简介（续） | jquery.validate.js简介（续2）

• 2008-12-01 16:52
• 浏览 2069
• 评论(0)
• 论坛回复 / 浏览 (0 / 12031)
• 查看更多