Bootstrap just implemented a neat autocomplete feature called typeahead. I am having trouble getting the appropriate value for the text input.
For instance, I might have the following:
$('input').on('change', function(){
console.log($(this).val());
});
This does not appear to capture the selected value. Does anyone know how to get the selected value using typeahead with Bootstrap?
$('#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.