微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用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;
        }
    });
});​

原文地址:https://www.jb51.cc/jquery/241524.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐