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(); }
   }
}); 

 

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

[