如何通過d3.js中的選擇來修改值？

Question

我想改變我的進度條的值。

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

當我這樣做：

progressBar.select（ 「輸入」）ATTR（ 「值」， 「5」）;

值沒有改變。我該怎麼辦 ？

Answer 1

與您的代碼的問題是，你已經選擇了您的輸入，並將其綁定到變量進度。所以這一段代碼，你發現：

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