Non ho ben capito il tuo problema ma ti posto come ho utilizzato io Typehead, ho praticamente usato lo stesso codice su più caselle di input diverse e una volta impostato la prima volta bestemmiando ora funge tutto.
$('#input').typeahead({
minLength: 1,
source: function (query, process) {
states = [];
map = {};
var url = "include/db/suggest.php?callback=?";
var data = $.getJSON(url, {query: query}, function (data) {
$.each(data, function (i, state) {
map[state.no] = state;
states.push(state.no);
});
$(".classe").empty();
$.each(data, function (i, state) {
$("#div").append("<tr><td>" + state.id + "</td><td>" + state.no + "</td><td>" + state.n + "</td></tr>");
});
process(states);
});
},
updater: function (item) {
var url = "include/db/interactions.php?callback=?";
var caso = "res";
var data = $.getJSON(url, {nome: item,caso: caso}, function (data) {
$(".classe").empty();
$.each(data.gruppi, function (i, state) {
$("#div").append("<tr><td>" + state.id + "</td><td>" + state.no + "</td><td>" + state.n + "</td></tr>");
});
});
return item;
}
});
Non è immediato da capire ma in pratica io faccio stampare in tempo reale dei valori mentre sta ricercando e quando ha finito stampa quelli definitivi.
Ho seguito questo articolo se non sbaglio: tatiyants.com/how-to-use-json-objects-with-twitter-bootstrap-typeahead/
