自动完成的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>