bootstrap-typeahead.js add a listener on select event

Question

I'm new to the Bootstrap Twitter framework, and I need to use bootstrap-typeahead.js for autocomplete but I need also to get the value selected by the user for the typeahead.

This is my code:

<input type="text" class="span3" style="margin: 0 auto;"                     data-provide="typeahead" data- items="4"                     data-source='["Alabama","Alaska"]'> 

How can I add a listener to get the selected value from type typeahead and pass it in a function? For example when I use ExtJs, I apply this structure:

listeners: {    select: function(value){      ........    } } 

How can I do something similar with a typeahead?

Answer 1

you should use "updater":

$('#search-box').typeahead({      source: ["foo", "bar"],      updater:function (item) {          //item = selected item         //do your stuff.          //dont forget to return the item to reflect them into input         return item;     } });