D3.js:获取所选选项的值?

D3.js:获取所选选项的值?,d3.js,D3.js,我想从D3.js中的下拉列表中获取所选选项的值 <select> <option data-graph="1">1</option> <option value="2">2</option> </select> 但是,如何在页面加载时获得所选值,而不是在更改选择时?您不需要使用D3来实现这一点: var sel = document.getElementById('myselect'); console.log(sel.o

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

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

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

您不需要使用D3来实现这一点:

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

我发现这是最简单的:

d3.select("#objectID").node().value; 
以下节点中所选选项的文本:

请注意,
d3.node()
记录在中,并且
HTMLInputElement
.value
属性记录在MDN中。

使用:

我也见过

d3.select("#objectID")[0][0].value

但我很确定这通常是个坏主意……

哦,是的。。。我想我实际上不需要D3来做这件事:)如果你想使用D3:var sel=D3.select(“#myselect”).node()实际上我必须把上面的
#myselect
改成
select
,这样才行。@Richard不敢相信下面投票率很高的答案在IE中对我都不起作用,但是你上面的评论对我起作用了!我觉得这是个IE问题…-“然而,如果您愿意,您仍然可以手动循环元素:有一个调用任意函数的each操作符,选择是数组,因此可以直接访问元素(例如,选择[0][0])”-似乎这种访问方法主要用于循环,而且,在我不太有经验的观点中,比其他答案略不清楚。
d3.select("#objectID").property("value")
d3.select("#objectID")[0][0].value