jQuery UI 自动完成中的自定义属性问题

我在使用 jQuery UI 的自动完成功能时遇到了自定义属性的问题。由于某些奇怪的原因，自动完成功能不允许我使用 make 或 id 属性ui.item.make or ui.item.id，但在设置为时工作ui.item.label.

Here is JSFiddle http://jsfiddle.net/yvakc/9/以我遇到的问题为例。这是另一个example http://jsfiddle.net/yvakc/8/自动完成功能的工作原理，但区别仅在于标签属性。

任何关于为什么使用自定义属性对我不起作用的信息将不胜感激。

您可以简单地预处理品牌列表（请参阅 forEach） - 如果您通过 ajax 获取数据，您也可以执行类似的操作。注意：我还添加了return false您的选择，因此它不会使用该值并使用您的品牌。

var carMake = [{
    "make": "Smart",
        "id": '200038885'
}, {
    "make": "Bomb",
        "id": '200038885'
}, {

    "make": "Volkswagen",
        "id": '200000238'
}];

function addlabel(row) {
    row.label = row.make;
    row.value = row.id;
}
carMake.forEach(addlabel);
$("#vehicle_make").autocomplete({
    source: carMake,
    delay: 0,
    minLength: 1,
    autoFocus: false,
    select: function (event, ui) {
        $(this).val(ui.item.make);
        return false;
    }
});

编辑：Ajax 数据注意：要使用 ajax 数据进行处理，这将是一种方法：

success: function (data) {
    response($.map(data, function (item) {
        return {
                 label: item.make
                 value: item.id,
                 make: item.make,
                 id: item.id
               }
    }))
},