jQuery UI使用多个JSON源自动完成多个输入控件

Question

我有这个代码工作，从这个例子 ：

var url = function(req, res){
    $.ajax({
        url: "getdata",
        dataType: "json",
        data: {
            term: req.term,
        },
        success: function(data){
            res($.map(data.students, function(item){
            return{
                label: item.cardId + "|" + item.firstName + " " + item.lastName,
                value: item.cardId
            }}))
        }
    });
};


$("#autocomplete").autocomplete({
    source: url
});
$("#autocomplete2").autocomplete({
    source: url
});

和输入元素：

<input path="students" id="autocomplete" style="z-index: 100; position: relative" title="type &quot;a&quot;" autofocus="autofocus" />
<input path="items" id="autocomplete2" style="z-index: 100; position: relative" title="type &quot;a&quot;" />

两个输入现在都有相同的下拉列表。

题：
如何更改网址功能以适应学生和项目 ？ 或者只应复制每种输入的功能？

Answer 1

在你的url函数中， this.element将为你提供触发自动完成的元素。 您可以使用this.element.attr("id")或其他方法来修改JSONP URL。

在这里演示和编码