如何将多维数组传递给jquery ui自动完成？

Question

我有一个自动填充字段，并将其源设置为一组朋友。

GetFollowing(9, function(response) 
        { 
         if (response) 
         { 
          donor.following = response; 
          for (var i = 0; i < response.length -1; i++) 
          { 
           // make sure we have an image to display 
           if (response[i].image != null) 
           { 
            $("#following").prepend("<li title='" + response[i].firstname + " " + response[i].lastname + 
             "'><img src='<?php echo $baseUrl;?>/uploads/profile-pictures/" + response[i].image + 
             "' alt='" + response[i].firstname + " " + response[i].lastname + "'/></li>"); 

            // add to the friends array 
            if (! $.inArray(response[i].firstname + " " + response[i].lastname, friends)) 
             friends.push(response[i].firstname + " " + response[i].lastname); 
           } 
          } 
         } 
        }); 
        GetFollowers(9, function(response) 
        { 
         if (response) 
         { 
          donor.followers = response; 
          for (var i = 0; i < response.length -1; i++) 
          { 
           // make sure we have an image to display 
           if (response[i].image != null) 
           { 
            $("#followers").prepend("<li title='" + response[i].firstname + " " + response[i].lastname + 
             "'><img src='<?php echo $baseUrl;?>/uploads/profile-pictures/" + response[i].image + 
             "' alt='" + response[i].firstname + " " + response[i].lastname + "'/></li>"); 

            // Add to the friends array 
            friends.push(response[i].firstname + " " + response[i].lastname); 
           } 
          } 
         } 
         // setup jquery-ui autocomplete 
         $("#msg-to").autocomplete({source: friends}); 
        }); 

我的问题是，我需要一个id与所选择的价值，如何才能做到这一点相关联？

Answer 1

http://jqueryui.com/demos/autocomplete/

你应该阅读概述更多。

预期的数据格式

从本地数据，URL或回调的数据可以有两种 变种：

• 字符串数组：

[ "Choice1", "Choice2" ]

• 与 标签和值的属性的对象Array：

[ { label: "Choice1", value: "value1" }, ... ]

标签属性被显示在建议菜单。在用户从菜单中选择一些内容后，该值将被插入到输入元素中。如果只指定了一个属性，它将用于两个，例如。如果您仅提供值属性，则该值也将用作标签。

使用标签进行文本表示，选择中每个项目的id值。

您还应该区分数据版本（包含id的隐藏输入）的可视版本（显示文字）所使用的文本框 - 类似于日期选择器小部件（又名备用数据）的文本框。这可以使用这些设置进行操作。