如何自定义的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。我不需要单击该选项并使其显示在文本框中的功能。我真的只是想做一个动态的即时搜索。

Regards， taylor。

Answer 1

有趣的黑客保持自动完成开（这不回答你的问题，但也许它可以到达那里是有用的）：

http://jsfiddle.net/WUxPd/

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