D3.js: get value of selected option?
I want to get the value of the selected option from a dropdown list, in D3.js.
-
I found this to be the simplest:
d3.select("#objectID").node().value;Which is the text of the selected option in the following node:
<select id="objectID"></select>Note that
d3.node()is documented at https://github.com/mbostock/d3/wiki/Selections#node and the.valueproperty of anHTMLInputElementis documented on MDN at https://developer.mozilla.org/en/docs/Web/API/HTMLInputElement.讨论(0) -
Use the .property() method:
d3.select("#objectID").property("value")讨论(0) -
You don't need to use D3 to do that:
var sel = document.getElementById('myselect'); console.log(sel.options[sel.selectedIndex].value)讨论(0) -
I've also seen
d3.select("#objectID")[0][0].valueBut I'm quite sure this is generally a bad idea...
讨论(0)
加载中...
- 热议问题