javascript - 如何将选项附加到 d3 中的选择组合框中

Question

我想将选项添加到选择组合框中，例如我有类似的数据

[{ "NAME": "JONE", "ID": {"id1":123,"id2":124}}, { "NAME": "ANGEL", "ID": {"id1":125,"id2":127}}]` 

我想将“名称”附加到选项中，到目前为止我已经这样做了:

dataset=d3.json("namees.json", function(data) {
    select = d3.select('body')
    .append('select')
    .attr('class','style');
    options = select
    .selectAll('option')


    .append('option')
            .text(data.forEach(function (d) {return d.Name}))



});

但它不显示选择选项中的值

Answer 1

你可以像下面这样:

1. 附加 select 元素

    var dropDown = d3.select("body").append("select")
       .attr("name", "name-list");
   

2. 根据数据将 options 附加到您的 select 元素

   var options = dropDown.selectAll("option")
    .data(data)
    .enter()
    .append("option");
   

3. 为您的选项设置文本和值

   options.text(function(d) {
   return d.NAME;
    })
      .attr("value", function(d) {
   return d.NAME;
   });
   

JSFiddle - https://jsfiddle.net/x4a8ejk6/