jquery - jQuery AutoSuggest-德鲁·威尔逊(Drew Wilson)

我正在尝试使用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});

提前致谢。

最佳答案

您需要使用文档中引用的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;
}});

关于jquery - jQuery AutoSuggest-德鲁·威尔逊(Drew Wilson)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17470003/