Как сделать так, чтобы список автозаполнения 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>

Я понимаюаналогичный вопрос был опубликован здесь раньше; Однако предложенные решения не работают для меня.

Ответы на вопрос(3)

Ваш ответ на вопрос