Submit selection on Bootstrap typeahead() autocomplete?

Question

How do I autosubmit the selection made with Twitter Bootstrap typeahead()??

http://twitter.github.com/bootstrap/javascript.html#typeahead

Answer 1

There is a clean way using the updater callback:

input.typeahead({
    'source' : ['foo', 'bar'],
    'updater' : function(item) {
        this.$element[0].value = item;
        this.$element[0].form.submit();
        return item;
    }
});

When user selects an option (either by mouse click or keyboard), the callback populates the input box and sends the form.

Answer 2

If you use the external typeahead.js plugin (recommended for Bootstrap 3):

To trigger a form on select just use the custom events.

$('#my-input')
   .typeahead({/* put you options here */})
   .on('typeahead:selected', function(e){
     e.target.form.submit();
   });

More info on custom events here and demo about JSfiddle.