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

有人可以指导我如何使用该插件在autosuggest框中显示上述信息。

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

$("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;
}});

jQuery AutoSuggest - 德鲁威尔逊

1 个答案: