Используйте другое значение из данных JSON вместо displayKey с помощью Typeahead
Я начал использовать Typeahead.js и изо всех сил пытаюсь найти способ, позволяющий пользователю вводить и искать название компании после выбора ввода соответствующей балансовой единицы.
файл .json:
[{
"company_name": "Facebook",
"code": "fb",
}, {
"company_name": "Google",
"code": "goog",
}, {
"company_name": "Yahoo",
"code": "yhoo",
}, {
"company_name": "Apple",
"code": "aapl",
}, {
"company_name": "Royal Mail",
"code": "rmg.l",
}]
Скрипт .js:
var stocks = new Bloodhound({
datumTokenizer: function(d) {
return Bloodhound.tokenizers.whitespace(d.code);
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
limit: 3,
prefetch: {
url: 'javascripts/stockCodes.json',
filter: function(list) {
return $.map(list, function(stock) {
return {
code: stock
};
});
}
}
});
stocks.initialize();
$('.typeahead').typeahead(null, {
name: 'stocks',
displayKey: 'code',
source: stocks.ttAdapter()
});
В настоящее время это просто отображает список кодов, когда пользователь вводит в поле ввода. Тем не менее, я хотел бы знать, есть ли способ позволить им искать наcode
но после выбора значение в текстовом поле должно бытьcompany_name
? Это возможно даже с помощью этого плагина. Любая помощь будет оценена.
Спасибо!