typeahead de Bootstrap et Json
Bonjour,
Je souhaite crée une page html avec Bootstrap qui contient deux input autocomplete pour cela je utilise typeahead.js. le source de donnée est la base de donné en ligne FreeBase. il s'agit en faite de crer un input qui contient les marque des voiture et l'autre input les model des voiture, lorsque l'utilisateur choisie une marque l'autre input affiche automatiquement les model de la marque sélectionné.
voici mon code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
var query = [{'id': null, 'name': null, 'type': '/automotive/company','limit':'585'}];
var service_url = 'https://www.googleapis.com/freebase/v1/mqlread';
$.getJSON(service_url + '?callback=?', {query:JSON.stringify(query)}, function(response) {
$('input .typeahead').typeahead({
dataType: "jsonp",
local: response,
limit: 10
}
);
}); |
l'objet response contient les marque des voitures.
mon problème est de créé autocomplete avec typeahead.js et de faire la liaison entre les deux input (marque et model).
Merci d'avance pour votre aide.
