jQuery-ui自动完成下拉列表中的两个字段

Question

我有一个像这样的对象：

[{
  "suburbName": "ABBOTSBURY",
  "postCode": "2176",
  "state": "NSW",
  "country": "AU"
}, {
  "suburbName": "ABBOTSFORD",
  "postCode": "2046",
  "state": "NSW",
  "country": "AU"
}, {
  "suburbName": "ACACIA GARDENS",
  "postCode": "2763",
  "state": "NSW",
  "country": "AU"
}/*, etc */]

可能有一些郊区具有相同的郊区名称，但邮政编码和状态不同。

我想在自动完成下拉列表中以某种方式将suburbName和邮政编码粘在一起，或者通过创建一个包含郊区和邮政编码的字符串的新数组，或者使用一些特殊的函数来源。

您认为最好的解决方法是什么？

Answer 1

source需要一个数组，因此您可以使用map：

$(myElement).autocomplete({
    source: dataArray.map(function(val) {
        return val.suburbName + " " + val.postCode;
    })
});