论坛首页 Web前端技术论坛

jquery.autocomplete插件简介

浏览 12052 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-12-01   最后修改:2008-12-01

 

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

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

[
<!----> <!---->
<!---->
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics