基于json数据创建动态下拉列表[重复]-Java 学习之路

这个问题在这里已有答案：

我有这样的json数据 .

data = [{"value": "One", "value2": "1"},
{"value": "Two", "value2": "2"},
{"value": "Three", "value2": "3"},
{"value": "Four", "value2": "4"}]

我想创建标签为 value 且数据值为 value2 的下拉列表 .

我可以通过将任何一个列传递给这样的数组来创建一个下拉列表 .

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 + '');
})

但在那里我只能使用单列创建 .

我想从两个列值创建一个下拉列表，标签为1 col，数据值为1 .

3 回答

在数据阵列上运行每个 .

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

回复于 2024-05-06T09:44:15+08:00

试试这个

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

回复于 2024-05-06T09:44:15+08:00