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

當我使用「測試」數組它工作正常，但是當我嘗試和使用人反對什麼似乎無論是工作，沒有一個JS錯誤。

有沒有人有任何想法，我缺少什麼？

非常感謝

Answer 1

您正在加載你的人向後對象。自動完成在label上工作，而不是value，因此您可以自動完成您的ID而不是名稱。

label將是自動完成用於匹配的文本，並且value是您選擇時返回的內容。

只需按他們，這將工作：

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

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

Answer 2

嘗試：

people.push({value:person.id,label:person.name}); 

像這樣：

var people = []; 
var obj = {data:[{id:1,name:"Adam"},{id:2,name:"Eve"}]}; 
$.each(obj.data, function(i,person){ 
     people.push({ 
       label: person.name, 
       value: person.id 
     }); 
}); 
$("#friend").autocomplete({ 
     source: people, 
     select: function(event, ui) { 
      alert(ui.item.name); 
     } 
});