如何自定義的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') 
    } 
    });