自动完成Jquery插件

时间:2011-03-29 11:21:53

标签: jquery asp.net-mvc asp.net-mvc-3 razor autocomplete

我正在使用以下网址中的自动填充Jquery: http://jqueryui.com/demos/autocomplete/

我正在MVC 3.0 (Razor)制作我的项目 在这里我显示数据库中的名称列表及其正常运行。 现在我想根据我的项目要求在div中显示整个列表。

请帮助我如何在div中显示自动填充数据。

1 个答案:

答案 0 :(得分:0)

直接来自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>