来自多个来源的Bootstrap typeahead自动完成功能?

时间:2013-01-24 21:13:10

标签: jquery typeahead bootstrap-typeahead

使用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数据源?

0 个答案:

没有答案