Add Keyboard Navigation to AJAX Autosuggest

We would like to add keyboard navigation to an already functional AJAX autosuggest form on our site.

The autosuggest form currently behaves like this:

- A user types in a search query

- Search results are shown, each result is displayed in a separate div

- A user clicks a search result to "lock" the search

- A user hits the Search button to submit the form

The requirements for this project are as follows:

- Users must be able to move up and down through the search results using the up and down arrow keys. The active result must be highlighted.

- If a user hits the up or down key to go past the last result or above the first result, the up or down key should trigger an existing JavaScript function to hide the search results.

- The escape key must trigger an existing JavaScript function to hide the search results.

- When a result is highlighted and the user hits the enter key, the key press must trigger an existing Javascript function that "locks" the search.

The existing form can be viewed here: The solution must be written in JavaScript or jQuery.

Taidot: AJAX, Javascript

Näytä lisää: ajax autosuggest using keyboard navigation, ajax search results keyboard navigation, javascript go to, keyboard navigation autosuggest, keyboard, add div div, javascript add button, hide div javascript, move div javascript, trigger javascript, jquery ajax add, 2013 query, jquery button search, add key, jquery form search, ajax query site, jquery search form, javascript hide submit, hide div using ajax, div hide, javascript hide div, jquery query, enter escape, ajax search function, navigation button

Tietoa työnantajasta:
( 1 arvostelu ) Chicago, United States

Projektin tunnus: #4224929

Myönnetty käyttäjälle:


I have 6 years of experience in jquery. i can get the work done for within few hours from now.

$30 USD 1 päivässä
(21 Arvostelua)

4 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön


I can complete this work in few hours as I am proficient in this.

$30 USD 1 päivässä
(1 arvostelu)

Hi It is a matter of 1 hour. Please check pm.

$30 USD 1 päivässä
(0 arvostelua)

Hello Sir, Hope you are well and doing good!!! we are eager to work with [url removed, login to view] are ready to start the project right away. Codeware is a website development company providing professional website design, website develo Lisää

$30 USD 0 päivässä
(1 arvostelu)

I believe we have the skills, experience and expertise that can satisfy your requirements, and we will deliver completed excellent project to you promptly.

$50 USD 2 päivässä
(0 arvostelua)