javascript - How to modify a value by selection in d3.js?

Question

I am trying to change the value of my progress bar.

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

When I do this :

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

The value is not changed. What should I do ?

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);