jquery - jQuery AutoSuggest - 德鲁威尔逊

Question

我正在尝试使用 Dew Wilson AutoSuggest 插件从服务器获取 json 并在我的 UI 上显示结果。我的回复如下所示：

[{"id":1,"surname":"Surname","forename":"Forename",
"address":{"id":5,"houseNameOrNumber":"357","addressDetail":"",
"postCode":"HD3 4GR"},"gender":"F","age":56,"yearOfBirth":1953}]

我打算在自动建议框中显示以下信息：

Surname, Forename
357, HD3 4GR
F, 56, 1953

有人可以指导我如何使用插件在自动建议框中显示上述信息。

此代码从服务器返回响应，可能我需要添加一些内容以使其正常工作。

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", 
{minChars: 2, matchCase: true});

提前致谢。

Answer 1

您需要使用文档中引用的selectedItemProp和selectedValueProp选项。

编辑：

您需要使用该formatList选项来组合不同的属性。这是一个例子：

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", 
    {minChars: 2, matchCase: true, 
     formatList: function(data, elem) {
        var new_elem = elem.html(data.surname + ", " + data.forename + "<br />" +  data.address.houseNameOrNumber + ", " + data.address.postCode + "<br />" + data.gender + ", " + data.age + ", " + data.yearOfBirth);
        return new_elem;
}});