Блог

Мне просто интересно, я раньше использовал плагины автозаполнения, но пример на веб-сайте 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) Результаты должны отображаться в виде divs. Мне не нужна функциональность нажатия на опцию и отображения ее в текстовом поле. На самом деле я просто пытаюсь создать динамический мгновенный поиск.

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

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

http://jsfiddle.net/WUxPd/

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