JQuery UI Autocomplete, not selecting a value on enter if mouseover

Question

I have a problem with JQuery UI Autocomplete.

I want it to behave like this:
If I have positioned my mouse right under the input and entering values, so the autocomplete appears and press enter, the script will select the value from the autocomplete list. I'd rather want the script to just close and select the user entered value.

In short form: I want autocomplete just to replace the input text if a user actually clicks on a suggestion.

Is this possible somehow?

Best Regards

Christophe Roussy · Accepted Answer · 2013-03-08 10:24:04Z

1

You can play with the select event:

select : function(event, selectedObject) {
  jQuery(this).val(selectedObject.item.value);
}

edited Mar 8, 2013 at 10:24

answered Mar 8, 2013 at 10:11

Christophe Roussy

17.2k5 gold badges94 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery UI Autocomplete, not selecting a value on enter if mouseover

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related