jQuery AutoSuggest - 德鲁·威尔逊

Question

我正在尝试使用 Dew Wilson AutoSuggest plugin从服务器获取 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;
}});