D3.js:获取所选选项的值?
我想从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
<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