jquery.autocomplete插件简介-优快云博客

本文介绍了jQuery UI中的Autocomplete插件使用方法及API细节。通过示例代码展示了如何为输入框添加自动完成功能，并解释了如何配置选项以实现动态依赖。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

例子

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

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

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

[