![](/img/trans.png)
[英]How do I list objects for Typeahead.js and/or with the Bloodhound engine?
[英]How do I submit data populated from typeahead bloodhound auto complete
如何獲得提交數據的預先輸入。
以下是jsfiddle http://jsfiddle.net/6W3Qu/2/上的相關代碼。
代碼的副本:
var numbers = new Bloodhound({
datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.num); },
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: [
{ num: 'one' },
{ num: 'two' },
{ num: 'three' },
{ num: 'four' },
{ num: 'five' },
{ num: 'six' },
{ num: 'seven' },
{ num: 'eight' },
{ num: 'nine' },
{ num: 'ten' }
]
});
// initialize the bloodhound suggestion engine
numbers.initialize();
// instantiate the typeahead UI
$('.typeahead').typeahead(null, {
displayKey: 'num',
source: numbers.ttAdapter(),
updater: function(item) {
alert(item);
}
});
它似乎沒有進入更新程序功能
Typeahead.js沒有“更新程序”選項。
相反,你可以編寫一個事件處理程序,它將使用typeahead的選定事件(即typeahead:selected),例如
var numSelectedHandler = function (eventObject, suggestionObject, suggestionDataset) {
alert(suggestionObject.num);
};
typeahead.on('typeahead:selected', numSelectedHandler);
可以在這里找到一個工作示例:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.