javascript - 使用 json 对象附加选择选项值和文本

Question

我已经从服务器接收到如下所示的 json 对象，

{"locations": [{"locationCode": "Branch 1","locationName": "BR-001"},

               {"locationCode": "Branch 2","locationName": "BR-002"},

               {"locationCode": "Branch 3","locationName": "BR-003"}
              ]}

然后我需要为 value 附加 locationCode 并为 text

附加 locationName

<option value="locationCode">locationName</option>

这个我试过了，但是做不到

    var location = data.locations;
        $.each(location, function (key, value) {
        $('#newLocation')
          .append($("<option></option>")
          .attr("value", key)
          .text(value));
        });

Answer 1

您正在遍历数组，即 locations 不在 map 上 所以将您的代码更改为

var location = data.locations;
        $.each(location, function (index) {
        $('#newLocation')
          .append($("<option></option>")
          .attr("value", location[index].locationCode)
          .text(location[index].locationName));
        });

更新:-

DEMO