如何通过d3.js中的选择修改值？

Question

我正在尝试更改进度条的值。

var progressBar = d3.select("#current").append("input")
    .attr("class","loading")
    .attr("data-width","135")
    .attr("value","0");

当我这样做时：

  

progressBar.select（＆＃34;输入＆＃34）ATTR（＆＃34;值＆＃34;＆＃34; 5＆＃34）;

该值未更改。我该怎么办？

Answer 1

代码的问题在于您已经选择了输入并将其绑定到变量progressBar。所以你展示了这段代码：

progressBar.select("input").attr("value", "5")

有效地意味着：

d3.select("#current").select("input").select("input").attr("value", "5")

您实际上是在创建的输入中选择了一个不存在的输入。

---

只需使用以下代码，您的代码就可以正常工作：

progressBar.attr('value', 5)

Answer 2

尝试

var progressBar = d3.select("#current").append("input")
    .attr("class","loading")
    .attr("data-width","135")
    .val(0);