javascript - 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，但邮政编码和州不同。

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

您认为解决这个问题的最佳方法是什么？

Answer 1

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

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