使用jQuery回调自动完成(标签/值对)

Lak*_*van 6 jquery autocomplete callback

我正在尝试实现自动完成jQuery,但我不理解jQuery UI提供的自动完成功能.

它使用回调函数并将响应作为标签/值对进行获取.我有一些示例代码,我试图传回任意标签/值对并显示该选项但它不起作用.如果有人可以帮我解决这个问题,或者向我展示一个简单的程序,那就太好了.

http://jsfiddle.net/kB25J/

HTML:

<html>
    <body>
      Please enter your country name
      <input id ="book" type="text" value="">
    </body>
</html>?
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$("#book").autocomplete({
    source: function(request, response) {
        alert(request.term);
        response(function() {
            return {
                label: "hi",
                value: "bye"
            }
        });
        alert(reponse);
    }
});
Run Code Online (Sandbox Code Playgroud)

谢谢

pra*_*nth 6

发送响应时,传递数组而不是函数.

$(function() {
    $("#book").autocomplete({        
        source: function(request, response) {
            var data = [{
                    label: "hi",
                    value: "bye"
                    }];
            response(data);
        },
        select: function( event, ui ) {
            $( "#book" ).val( ui.item.label); //ui.item is your object from the array
            return false;
        }
    });
});?
Run Code Online (Sandbox Code Playgroud)