jquerytwitter-bootstraptypeahead

Get selected items value for Bootstrap's typeahead

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?

Solution 
  • $('#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.