Get selected items value for Bootstrap's typeahead
$('#autocomplete').on('typeahead:selected', function (e, datum) {
console.log(datum);
});
$('#autocomplete').on('typeahead:cursorchanged', function (e, datum) {
console.log(datum);
});
Seems Typeahead changed listeners and usages are not well documented. You can use these listeners.
UPDATE
Event name was changed to typeahead:select
in later versions.
You're looking at it from the wrong angle. Bootstrap's typeahead method provides an option which allows you to pass a callback function that receives the selected value as the argument. Below is a condensed example illustrating just this one argument.
$('#typeaheadID').typeahead({
updater: function(selection){
console.log("You selected: " + selection)
}
})
cheers! documentation refernece
I'm working with this and I'm having the same issue right now. I'm planning to solve it with this pretty fork
https://gist.github.com/1891669
And I did it with a callback:
$('.typeahead').typeahead({
// note that "value" is the default setting for the property option
source: [{value: 'Charlie'}, {value: 'Gudbergur'}, ...],
onselect: function(obj) { console.log(obj) }
})
Hope it helps you too.