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