Is there a way to close the dropdown menu for typeahead.js?

javascript jquery typeahead typeahead.js
nwalke picture nwalke · Aug 14, 2013 · Viewed 10.5k times · Source

I'm using typeahead.js for a typeahead.

I basically want to do the reverse of this: Programmatically triggering typeahead.js result display

I've tried to do a .trigger('blur'); on the typeahead, but I set the value right before that by doing .typeahead('setQuery', value);. Doing 'setQuery' fires off an ajax request to fetch results with the new query term. So the "blur" takes place, but the box is opened soon thereafter.

Answer

Razvan Grigore picture Razvan Grigore · May 19, 2015

The proper way to do this, as of version 0.11:

$('.typeahead').typeahead('close');

Manual: https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#jquerytypeaheadclose

Related questions

Typeahead.js - Search in multiple property values

Please see example below. JSFiddle: http://jsfiddle.net/R7UvH/2/ How do I make typeahead.js (0.10.1) search for matches in more than one property value? Ideally, within whole data (data.title, data.desc and in all data.category[i].name) …

Read More
Twitter Bootstrap TypeAhead to work like DropDown List / Select Tag with Autocomplete Feature

I want to have a DropDown List / < Select > HTML Tag behaviour with AutoComplete Feature using Twitter Bootstrap TypeAhead. The link here achieves the feature of Combo Box where user can provide his own input also. I want to …

Read More
html catch event when user is typing into a text input

Im just wondering how I go about catching the event when the user is typing into a text input field on my web application. Scenario is, I have a contacts listing grid. At the top of the form the user …

Read More