javascript - JQuery UI 自动完成 - 无法加载对象

Question

我正在尝试让自动完成与 JQuery UI 一起工作，但是当我尝试传入标签和值对象时遇到了问题。

        var people = [];
        var test = new Array();
        var obj = jQuery.parseJSON(data);
        $.each(obj.data, function(i,person){
                people[people.length] = {
                        label: person.id,
                        value: person.name
                };
                test.push(person.name);
        });

        $("#friend").autocomplete({
                source: test,
                select: function(event, ui) {
                    alert(ui.item.id);
                }
        });

当我使用“测试”数组时它工作正常，但是当我尝试使用 people 对象时似乎没有任何效果，也没有 JS 错误。

我错过了什么？

Answer 1

您正在向后加载您的人员对象。自动完成适用于 label，而不是 value，因此您是根据 ID 而不是名称自动完成。

label 将是自动完成用于匹配的文本，value 是您选择它时返回的内容。

只需反转它们，它就会起作用:

 people[people.length] = {
     label: person.name,
     value: person.id
 };

演示:http://jsfiddle.net/qmmms/1/