Typeahead.js: Add a Clear Method

[jimmynotjim]

Any chance we could get a clear method to clear the input and typeahead's results? Using jQuery's .val(''); on the input element clears it, but when you focus typeahead adds the last entered text back in. Having a clear method would be useful to create a clear button (similar to the iOS standard search fields) for small screen touch devices where selecting and clearing inputs is a bit more tedious.

[Jellyfrog]

:+1:

[jharding]

Adding something like this has been discussed in #28 – it's definitely something that'll get added at some point.

[jimmynotjim]

Awesome, look forward to it and thanks for all the hard work. This is def the best autocomplete/suggestion type plugin I've used yet.

[jharding]

v0.9.1, which should go out shortly, has a jQuery#typeahead('setQuery', query) plugin method that will allow you to implement a clear method:

$('.typeahead').typeahead('setQuery', '');

[jimmynotjim]

Nice, thanks again for this one

[yrshaikh]

how about a clear icon ?

[vahidmulla]

$('.typeahead').typeahead('val', myVal); worked for me

[ernstralek]

This could help, I resolved this simulating the click on cancel button

$('.typeahead__cancel-button').trigger('mousedown');