时间戳

首页 > 解决方案 > 分配数组值以在 jquery 中下拉

javascript - 分配数组值以在 jquery 中下拉

问题描述

我有一个这样的数组：

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

如何将它分配给id车站所在的多个下拉菜单？我试过这段代码：

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

标签： javascriptjquery

解决方案

要在 中创建option元素，select您可以循环遍历数组的每个级别，以data创建option可以分配给select.

请注意，在 jQuery 中，您永远不会为 jQuery 对象本身分配任何东西。您使用 jQuery 提供的方法来修改元素。在这种情况下，您可以使用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);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select multiple id="station"></select>

推荐阅读