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

前端之家收集整理的这篇文章主要介绍了使用jQuery回调自动完成(标签/值对)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试实现自动完成jQuery,但我不理解jQuery UI提供的 autocomplete函数.

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

http://jsfiddle.net/kB25J/

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相关文章