jquery autocomplete trigger dropdown on input:focus
Working demo http://jsfiddle.net/CNYCS/
Cool; so all you need to do is bind
focus event with the autocomplete, rest `autocomplete will take over from there as you can see in the demo.
Helpful Link: http://forum.jquery.com/topic/how-to-bind-focus-input-to-trigger-autocomplete & http://docs.jquery.com/UI/Autocomplete#method-search
Hope this helps,
Rest code is in jsfiddle.
code
$( "#tags" ).autocomplete({
source: availableTags,
minLength:0
}).bind('focus', function(){ $(this).autocomplete("search"); } );
There is no obvious way to do so according to doc. But you can try with focus
(or click
or keyup
) event on the autocomplete
enabled textbox
:
$('#autocomplete').trigger("keyup");
or
$('#autocomplete').trigger("focus");
or
$('#autocomplete').trigger("click");
As @Tats_innit mentioned the code, after that you need to just add the line
$('#tags').trigger("focus"); // as @Tats_innit's solution bind focus
// so you need to trigger focus
DEMO