Question

我创建了几个月的下拉菜单作为选项，但是想要预先指定一个选项作为默认值。但是，默认选择似乎固执地仍然是列表中的第一个选项。

我尝试了下面的代码，这对我来说很有意义，因为对于任何其他属性，设置一个简单的比较就足以改变该属性的值。

var defaultOptionName; // desired default dropdown name
d3.select("#dropdown").append("select")
    .on("change", someFunction)
    .selectAll("option").data(dataset)
    .enter().append("option")
    .attr("value", function(d){return d;})
    .attr("selected", function(d){
         return d === defaultOptionName;
    })
    .text(function(d){ return d; });

我知道我的问题只是一个正确的语法问题，但当我试图搜索互联网和stackoverflow时，却无法弄清楚我错过了什么。

Answer 1

我发现不是使用.attr，而是使用.property来访问默认选择选项。只需要一个简单的替换，所以你的代码片段看起来像：

    .property("selected", function(d){ return d === defaultOptionName; })

使用D3设置下拉菜单的默认选择

1 个答案: