使用D3 </select>将<select>放入表格单元格中

Question

给出输入数据，例如

var m2 = [
    ["first",["11975", "5871", "8916", "2868"]],
    ["second",["1951", "10048", "2060", "6171", "99999"]],
    ["third",["8010", "16145", "8090", "8045"]],
    ["fourth",["1013", "990", "940", "6907"]]
];

我想创建一个包含两列的表。左侧的列将包含单词，右侧的列将包含一个select元素，其中包含可在相关数字中进行选择的选项。即顶行的选择框允许您在选项中进行选择，[＆＃34; 11975＆＃34;，＆＃34; 5871＆＃34;，＆＃34; 8916＆＃34;，＆＃34; 2868＆＃ 34;。]

我已经创建了一个几乎可以做到的fiddle，但某个地方出了问题。选项是空白的，似乎每个单词的选项数等于单词中的字母数！

任何建议表示赞赏。

Answer 1

为了选择D3选择的子部分（在您的情况下是第二列），您需要使用

mySelection.filter(function(d, i) {...});

而不是

mySelection.select(function(d, i) {...});

最后，您还忘记在option代码中为每个select添加“文字”。

我已更新your fiddle。