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。

在這里演示和編碼