Jquery自动填充不填充列表

Question

我有以下jquery代码从服务器获取json数据。

$("#autocomplete").autocomplete({
        minLength: 2,
        source: function(request, response){
            $.ajax({
                url: "data.php",
                dataType: "json",
                data: { q: request.term },
                success: function(data){
                    response(data.map(function(value){
                        return {
                            description: value.description
                        };
                    }));
                    console.log(JSON.stringify(data));
                }
            });
        },
        select: function(event, ui){
            $(this).val(ui.item.description);
        }
    });

虽然console.log命令从服务器显示我的数据，如下所示

[{"description":"Description 1"},{"description":"Description 2"},{"description":"Description 3"},{"description":"Description 4"}]

#autocomplete字段未填充。它只显示没有值的li元素。

知道为什么吗？

谢谢！

Answer 1

使用

return {
        label: value.description,
        value: value.description,
        description: value.description
       };

而不是

  return {
         description: value.description
         };