I use jQuery-ui autocomplete in my rails application.

When I type some input I want it to automatically select the first item in the autocomplete box. How should I implement this? You just need to add autoFocus: When the menu opens, you could collect the first list item and use that as the value.

Option for Automatic selection of the first item in the typeahead resultset · Issue #32 · twitter/dicajytuh.web.fc2.com · GitHub

By posting your answer, you agree to the privacy policy and terms of service. Stack Overflow Questions Developer Jobs Documentation beta Tags Users. Sign up or log in to customize your list. Tour Start here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about Stack Overflow the company Business Learn more about hiring developers or posting ads with us.

# (Allow AutoComplete to select first item from result on a specific key press) – jQuery UI

Log In Sign Up. Join the Stack Overflow Community.

Stack Overflow is a community of 7. Join them; it only takes a minute: Why not makeuse of the open callback to accomplish this.

What have you tried so far? Chiller 3, 6 Not sure that is correct: If set to true the first item will automatically be focused when the menu is shown.

This will set the focus on the first item but will not select it and close the menu. Twisty i edited my answer i hope its clear: Chiller This idea works fine for me, except for the focus part.

EgonMeijers do you want it to just focus on the first item of the box or you need it to do something else? Another method is to trigger click on the first element.

Twisty 8, 1 9 The first method will add the first item in the list immediately when typing the first letter, and if you delete the word for example halfway it will autocomplete it again.

Accessible jQuery-ui Components Demo

The second method doesn't show an item list. It will just add the first item in the list like the first method. Sign up or log in StackExchange.

Sign up using Facebook. Sign up using Email and Password.

Post as a guest Name. Stack Overflow works best with JavaScript enabled. MathOverflow Mathematics Cross Validated stats Theoretical Computer Science Physics Chemistry Biology Computer Science Philosophy more 3. Meta Stack Exchange Stack Apps Area 51 Stack Overflow Talent.