非常好用的JQuery自动补全插件bigautocomplete

自动补全插件，有些功能有限，有些是老外做的，不支持中文。今天发现一个国人做的，叫做bigautocomplete，还不错。

 

使用步骤：

1、把两个js和css文件放到项目中：



 

2、在项目页面中引用：

 

?
3、定义用来搜索的text input，id为tcSearch：

 

 

?
4、定义被搜索的数组对象（数组中的每一个对象都有包含title属性，控件搜索的就是title中的内容）：

 

 

?
5、在初始化函数中调用bigAutocomplete函数，注册被搜索的内容和回调函数：

 

 

?
注：bigAutocomplete的参数说明：

 

 
$(xxxxx).bigAutocomplete({data:[...],url:,width:0,callback:{}})

参数	说明
data(可选)：	data：格式{data:[{title:null,result:{}},{title:null,result:{}}]} url和data两个参数必须有一个，且只有一个生效，data优先。
url(可选)：	url为字符串，用来ajax后台获取数据，返回的数据格式为data参数一样。
width(可选)：	下拉框的宽度，默认使用输入框宽度。
callback(可选)：	选中行后按回车或单击时回调的函数，用于返回选中行的其他数据及做一些操作。

 

6、测试效果，搜索结果出现在下拉菜单中（输入中文也支持）：