D3.js:获取所选期权的价值？

Question

我想从D3.js的下拉列表中获取所选选项的值.

<select>
<option data-graph="1">1</option>
<option value="2">2</option>
</select>

我看过这个问题,解释了当select更改时如何获取值:

d3.select("#myselect").on("change", change)
function change() {
    this.options[this.selectedIndex].value
}

但是,如何在页面加载时获取所选值,而不是在更改选择时？

Answer 1

我发现这是最简单的:

d3.select("#objectID").node().value; 

以下节点中所选选项的文本是: <select id="objectID"></select>

请注意,这些d3.node()内容记录在https://github.com/mbostock/d3/wiki/Selections#node中,并且其.value属性HTMLInputElement记录在MDN上,网址为https://developer.mozilla.org/en/docs/Web/API/ HTMLInputElement.

Answer 2

使用.property()方法:

d3.select("#objectID").property("value")

Answer 3

您不需要使用D3来执行此操作:

var sel = document.getElementById('myselect');
console.log(sel.options[sel.selectedIndex].value)