jQuery UI 自动完成 : How to storage the items not only the values?

Question

这是我的代码。您还可以观看this jsfiddle进行现场演示。

$(function()
{
    var source = [{id:1, value: "One"},
                 {id:2, value: "Two"},
                 {id:3, value: "Three"},
                 {id:4, value: "Four"}];

    $("input").autocomplete({
        source: function(request, response)
        {
            var term = request.term.split(/,\s*/).pop();

            response($.ui.autocomplete.filter(source, term));
        },
        select: function(e, ui)
        {
            var terms = this.value.split(/,\s*/);

            terms.pop();
            terms.push(ui.item.value, "");

            this.value = terms.join(", ");

            return false;
        }
    });
});

正如你所看到的，我已经实现了一个简单的多选。我的问题是，我不仅需要原始数据源中的值，还需要它们的 ID。如何才能做到这一点？使用自动完成字段后，如何完整获取我选择的所有项目？

Answer 1

看看这个 DEMO链接此链接将在自动完成中表示所选值及其 ID。

terms.push(ui.item.id+"="+ui.item.value, "");

希望这对您有更多帮助。

编辑:我已经更新了这个 fiddle 。