Read jQuery UI autocomplete enter key select for more information.

As mentioned in the documentation on https://api.jqueryui.com/autocomplete, it will not automatically select the first result and then on hitting the enter key, it will get used. If you enter a text in an input field and select an item from the autocomplete list and press enter it will get used. You may be looking for methods to have the search dropdown auto-select the first entry by default. Read on to find out how.
jquery ui autocomplete enter key select

 

The first thing you should try out is setting autoFocus: true.

$( ".selector" ).autocomplete({ autoFocus: true });

If you are looking to make a search dropdown with autocomplete then you should take a look at ExpertRec’s site search. This will save the hassle of having to code the entire UI and instead edit it from a control panel.

 

Create a search engine with an autocomplete UI

Searches related to jQuery UI autocomplete enter key select

You may also like

Black Friday sale ends in 1 Days 0 Hours 24 Minutes 43 Seconds Get your free search now!
Sign up