4

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);  

しかし、「last」からの名前も表示したいと思います。たとえば、「j」と入力すると、表示したい

John
Jonathan
(ideally with a divide line from Bootstrap css)
James 

オートコンプリート リストで。これどうやってするの?複数の JSON データ ソースを呼び出す方法はありますか?

4

0 に答える 0