Как настроить автозаполнение jquery для отображения в DIV

Question

Мне просто интересно, я раньше использовал плагины автозаполнения, но пример на веб-сайте jquery кажется очень простым и полезным:

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});



    <div class="demo">
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>
</div>

Тем не менее, все результаты публикуются в полях ввода.А когда вы щелкаете по результатам, они исчезают.

1) Мне нужно, чтобы результаты не исчезали, поскольку во входных данных есть текст, который соответствует некоторым значениям в массиве, он должен всегда отображаться.

2) Результаты должны отображаться в виде div.Мне не нужна функциональность, щелкнув по этой опции, чтобы она появилась в текстовом поле.Я действительно просто пытаюсь сделать динамический мгновенный поиск.

С уважением, Тейлор.

Answer 1

Забавный взлом, чтобы держать автозаполнение открытым (это не отвечает на ваш вопрос, но, возможно, это может быть полезно для получения):

http://jsfiddle.net/WUxPd/

$("#tags").autocomplete({
    source: availableTags,
    close: function(event, ui) {
        $('.ui-autocomplete').css('display', 'block')
    }
    });