Estoy creando un cuadro de sugerencia automático personalizado. Necesito mover elementos al presionar la flecha hacia abajo. no es un 'li' (como en otros ejemplos) sino un 'input'
ingrese la descripción de la imagen aquí
si con las flechas del teclado bajo, y luego sale de la pantalla mientras el mouse presionado se comporta perfectamente.
ingrese la descripción de la imagen aquí
como puedo hacer para que si bajo con las flechas me siga viendo el texto autocompletado?
function autocompleteCodice(element) { var options = { url: function(phrase) { return "/prodotti/search?t=codice&q=" + phrase; }, getValue: "code", list: { maxNumberOfElements: 500, onSelectItemEvent: function() { var descrizione = $(element).find(".codice-materiale").getSelectedItemData().name; var um = $(element).find(".codice-materiale").getSelectedItemData().um; $(element).find(".descrizione-materiale").val(descrizione).trigger("change"); $(element).find(".um-materiale").val(um).trigger("change"); } } }; $(".codice-materiale").easyAutocomplete(options); } <div class="col-lg-2 col-md-4 m-form__group-sub focus-codice"> <label>Codice:</label> <input type="text" class="form-control m-input codice-materiale w-100" name="codice" placeholder=""> <span class="m-form__help"></span> </div>