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

Two fields in jQuery-ui autocomplete dropdown

本文关键字：字段 两个 ui 下拉列表 jQuery      更新时间：2023-09-26

我有一个对象，如下所示：

[{
  "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和邮政编码粘在一起，方法是创建一个带有包含郊区和邮政编码的字符串的新数组，或者对源使用一些特殊函数。

你认为最好的办法是什么？

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

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