How do you trigger autocomplete “select” event manually in jQueryUI?

Question

I\'m using jQueryUI autocomplete, and I have a function mapped to the select event, e.g.:

$(\"#someId\").autocomplete({
    source: someData,
    select: fun         


        

Answer 1

You could do:

$("#someId").trigger("autocompleteselect");

Answer 2

You can do it the way the jQuery team does it in their unit tests - see this answer

Answer 3

Simply call following function

setAutocomplete("#txt_User_Name","rohit");

function setAutocomplete(autocompleteId,valuetoset)
    {
        $(autocompleteId).val(valuetoset);
        $(autocompleteId).autocomplete("search", valuetoset);
        var list = $(autocompleteId).autocomplete("widget");
        $(list[0].children[0]).click();
    }

Answer 4

You don't have to go through a bunch of rigmarole to call select. This is how I call select from my own extended version of autocomplete.

$(this).data('ui-autocomplete').options.select(event, ui);

where I use this

/**
 * The jQuery UI plugin autocomplete
 */
$.widget( "ui.autocomplete", $.ui.autocomplete, {
   options: {
      close: function( event, ui ) {
         if (typeof event.currentTarget == 'undefined') {
            $(this).val("");
            $(this).data('ui-autocomplete').options.select(event, ui);
         }
      }
   }
 });