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

标签 javascript jquery

我有一个这样的数组:

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

如何将它分配给多个下拉列表,其中 id 是电台?我试过这段代码:

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

最佳答案

创建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>

关于javascript - 分配数组值以在 jquery 中下拉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51298830/

相关文章:

javascript - 将 X-editable 与 CodeIgniter 3 CSRF 问题结合使用

Javascript - 如何修改客户端剪贴板中的文本?

javascript - 如何知道图像是否无法在 javascript 中加载?

javascript - 找到下一个 div-jquery 中存在的下一个元素的 id

javascript - 如果父元素具有 preventDefault,您如何将点击传播到子元素?

javascript - 带有对齐文档的分屏布局

javascript - 如何按长度排序然后按字母顺序排序

JavaScript 错误 : "Uncaught TypeError: Cannot read property ' count' of undefined"in PHP file upload script

javascript - JQuery 无法从动态创建的字段中获取输入值

javascript - 当 URL 带有 www 时,XMLHttpRequest 无法加载