下载地址:https://twitter.github.io/typeahead.js/
文档:https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md
使用时需要先引入jquery.js然后是typeahead.jquery.js
//获取需要筛选的json数据
var states = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: [
'Alabama',
'Alaska',
'Arizona',
'Arkansas',
'California',
'Colorado',
]
});
//初始化获取的数据
states.initialize();
//给所写的input框添加一个function
$('.states').typeahead({
highlight: true,
hint:true
},
{
source: states, //赋值
templates:{ //模板
}
});