自動完成的jQuery插件

Question

我使用jQuery的自動完成從以下網址： http://jqueryui.com/demos/autocomplete/

我在做我的項目在MVC 3.0 (Razor) 在此我顯示從數據庫和它的運行良好的名稱列表。 現在我想根據我的項目要求在div中顯示整個列表。

請幫助我如何在div中顯示自動完成數據。

Answer 1

直起jQuery UI documentation (remote example)：

$(function() { 

    // This function sets the results inside a div with id = 'log' 
    function log(message) { 
     $("<div/>").text(message).prependTo("#log"); 
     $("#log").attr("scrollTop", 0); 
    } 


    $("#birds").autocomplete({ 
     source: "search.php", 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.id : 
       "Nothing selected, input was " + this.value); 
     } 
    }); 
}); 

<div id="log"></div>