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

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

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

HTML：

<html>
    <body>
      Please enter your country name
      <input id ="book" type="text" value="">
    </body>
</html>

JavaScript的：

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

谢谢

解决方法

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

$(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;
        }
    });
});

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

解决方法

相关文章