Search code examples
jqueryjquery-uijquery-ui-autocomplete

How do you trigger autocomplete "select" event manually in jQueryUI?


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

$("#someId").autocomplete({
    source: someData,
    select: function (event, ui) { ... },
    focus: function (event, ui) { ... }
});

I have a special case: The user has focused on an item in the autocomplete drop-down (but not selected it) and I need to trigger the select event manually from a different function. Is this possible? If so, how?


Solution

  • Here's what worked for me:

    $(this).data('ui-autocomplete')._trigger('select', 'autocompleteselect', {item:{value:$(this).val()}});