Bootstrap typeahead - How to set the default value manually

Question

I tried this:

$("#typeahead_object").val("test");

It only changes the textbox value but doesn't trigger the 'updater' function of the typeahead.

Question : How can I set the value of a typeahead object manually and trigger its updater function?

http://getbootstrap.com/2.3.2/javascript.html#typeahead

Answer 1

As of typeahead.js 0.10.5, this works :

$('#typeahead_object').typeahead('val', 'some value').blur()

Answer 2

To change typeahead input value, use the following construction:

$(input).typeahead('val',value);

So, in your case it should looks like:

$("#typeahead_object").typeahead('val',"test");

typeahead API documentation is available on https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets

Answer 3

You could manually trigger a keyup event on the input element, after setting the value:

$("#typeahead_object").val('test').focus().trigger('keyup')