autocomplete使用手册

 

autocomplete使用手册

一、功能介绍

1、  功能效果；

2、  需要加载的文件；

二、功能实现

1、配置介绍

2、本地数据；

3、远程数据；

三、实例讲解

四、功能补充

 

 

一、功能：google suggest的自动提示

1、  功能效果

 

2、  需要加载的文件

      <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" />

注意：这几个文件缺一不可

 

二、功能实现

当数据量比较少且是固定的数据时，最好优先选择“本地数据”；

（1）配置介绍

1、minChars (Number):

              在触发autoComplete前用户至少需要输入的字符数.Default: 1，如果设为0，在输入框内双击或者删除输入框内内容时显示列表

2、width (Number):

              指定下拉框的宽度. Default: input元素的宽度

3、max (Number):

              autoComplete下拉显示项目的个数.Default: 10

4、delay (Number):

              击键后激活autoComplete的延迟时间(单位毫秒).Default: 远程为400 本地10

5、autoFill (Boolean):

              要不要在用户选择时自动将用户当前鼠标所在的值填入到input框. Default: false

6、mustMatch (Booolean):

              如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框.Default: false

7、matchContains (Boolean):

              决定比较时是否要在字符串内部查看匹配,如ba是否与foo bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false

8、selectFirst (Boolean):

              如果设置成true,在用户键入tab或return键时autoComplete下拉列表的第一个值将被自动选择,尽管它没被手工选中(用键盘或鼠标).当然如果用户选中某个项目,那么就用用户选中的值. Default: true

9、cacheL