在选择新源文件时删除d3 Viz

Question

我有JavaScript代码引用PHP下拉列表（s1）：

var dropdown = d3.select("#s1")
var change = function() {
var source = dropdown.node().options[dropdown.node().selectedIndex].value;

d3.json(source, function(graph) {
    //Do stuff
})
}

dropdown.on("change", change)
change();

目前，在下拉列表中选择一个选项时，会显示正确的viz，但它会覆盖之前的所有选项。

我尝试在上面的代码中的各个位置添加d3.select("svg > *").remove()，但无济于事。

在进行选择时，我需要添加什么来删除之前的d3 viz？

Answer 1

所有需要做的就是将d3.select("svg > *").remove()更改为d3.selectAll("svg > *").remove()并将其放在change()函数的第一行。