使用Bootstrap Typeahead脚本,我想创建一个带自动完成功能的输入框。 输入框是:
<input type="text" class="input-medium search-query" id="name" data-provide="typeahead" autocomplete="off">
我有JSON数据,其简单版本如下:
var name_list = {
"first" = ["John", "Jonathan", "Tom"],
"last" = ["James", "Smith", "Bush"]
}
当在文本框中输入内容时,现在我只显示“第一个”列表。
$('#name').typeahead({source: name_list.first);
但是我也希望显示“最后”的名字。例如,如果我输入“j”,我想看
John
Jonathan
(ideally with a divide line from Bootstrap css)
James
在自动填充列表中。 我怎样才能做到这一点?有没有办法调用多个JSON数据源?