javascript - 使用D3将<select>放在表格单元格中

给定输入数据，例如

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

我想创建一个包含两列的表。左侧的列将包含单词，右侧的列将包含select元素，并具有在相关数字中进行选择的选项。即在第一行的选择框中，您可以选择以下选项：[“ 11975”，“ 5871”，“ 8916”，“ 2868”]。

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

任何建议表示赞赏。

最佳答案

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

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

代替

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

最后，您还忘记了为option标记内的每个select添加“文本”。

我已经更新了your fiddle。