Как сделать так, чтобы список автозаполнения jQuery отображал все опции на фокусе и скрывал после выбора опции?
У меня есть форма с автозаполнением, которая запускает поиск «onfocus» и показывает список опций, когда пользователь нажимает на поле поиска, даже если они ничего не вводят.
Проблема заключается в том, что автозаполнение требует выбора опции с помощью клавиатуры (стрелка вниз, затем табуляция / возврат или двойной щелчок). Моей первой мыслью было, что один щелчок приводит к тому, что фокус остается в поле поиска, и, таким образом, автозаполнение остается видимым. Тем не менее, поле поиска остается сфокусированным после второго щелчка, но автозаполнение исчезает после второго щелчка.
Есть идеи?
<script>
$(document).ready(function() {
var autocomplete_focus = function(){
if ($(this).val().length == 0) {
$(this).autocomplete("search", "%");
}
}
$( ".autocomplete" ).autocomplete({
source: "../../db/autocomplete_list.php",
minLength: 0
});
$( ".autocomplete" ).focus(autocomplete_focus);
});
</script>
Я понимаюаналогичный вопрос был опубликован здесь раньше; Однако предложенные решения не работают для меня.