php - Arrow key and mouse navigation for AJAX Live search -
i using below code autocomplete feature in webpage. problem not able navigate through suggestion using mouse pointer. if up/down key pressed once after list item refreshed mouse pointer navigation working fine. could please suggest code change make mouse pointer , keyboard navigation work navigation in html select option? how can improve scrolling of suggestion list using up/down key? html: <div class="field-wrap"> <input type="text" id="college" placeholder="college name" required autocomplete="off"/> <ul id="college_list"></ul> </div> css: .field-wrap ul { width: 93%; margin-top: 1px; border: 1px solid #3498db; position: absolute; z-index: 9; background: #0f0f0f; list-style: none; max-height: 100px; overflow-y:auto; } .field-wrap ul li { padding: 2px; border: solid grey; border-width: 0 0 2px 0; } #college_list { display:...