Javascript 基于json数据创建动态下拉列表

我有一个类似这样的json数据

data = [{"value": "One", "value2": "1"}, {"value": "Two", "value2": "2"}, {"value": "Three", "value2": "3"}, {"value": "Four", "value2": "4"}] chart_data = []; data.forEach(function(d) { chart_data.push(d.value) }) ["one","two","three"] // result 根据这个结果，我使用jquery的$.each函数创建了一个下拉列表

$.each(chart_data, function(i, val) { $('#dropdown').append('' + val + ''); }) 但在那里，我可以只用一列来创建

我想从两列值中创建一个下拉列表，其中一列为标签，另一列为数据值。

试试这个

data.forEach(function(d) {
  var option = "<option value='"+d.value2+"'>"+d.value+"</option>";
  $('#dropdown').append(option);
})

---

你真的不需要制作一个数组，我不知道你为什么要这样做

只需使用数据字段填充下拉列表

$.each(data, function(i, obj) {
   $('#dropdown').append(new Option(obj.value, obj.value2));
});

---

在数据阵列上运行each

$.each(data, function(i, o) {
  $('#dropdown').append('<option value="' + o.value + '">' + o.value2 + '</option>');
});

---

当你说“下拉”时，你是指一个选择元素还是另一个插件？是的。这就是选择。我会立即提及。@RGraham-我正在尝试使用您提供的链接。但我有一个挑战。当我要追加时。我的col在col name value word中有一个空格。我如何瞄准它？我不能附上这个。