分配数组值以在jQuery中下拉

时间:2018-07-12 06:39:41

标签: javascript jquery

我有一个像这样的数组:

[
  [{
    "station_territory": "Peshawar-CMD"
  }, {
    "station_territory": "Faisalabad-CMD"
  }],
  [{
    "station_territory": "Faisalabad-FEM"
  }]
];

如何将其分配给id所在的多重下拉列表?我尝试了这段代码:

$.each(data, function(index, value) {
  $("#station") = value;
});

1 个答案:

答案 0 :(得分:1)

要在option中创建select元素,可以遍历data中数组的每一级,创建option元素,可以将其分配给{{1 }}。

请注意,在jQuery中,您永远不会为jQuery对象本身分配任何内容。您可以使用jQuery提供的方法来修改元素。在这种情况下,您可以使用select

append()
var data = [
  [{
    "station_territory": "Peshawar-CMD"
  }, {
    "station_territory": "Faisalabad-CMD"
  }],
  [{
    "station_territory": "Faisalabad-FEM"
  }]
];

var options = [];
data.forEach(function(outer) {
  outer.forEach(function(inner) {
    options.push(`<option value="${inner.station_territory}">${inner.station_territory}</option>`);
  });
});
$("#station").append(options);