23

D3.js で、ドロップダウン リストから選択したオプションの値を取得したいと考えています。

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

選択が変更されたときに値を取得する方法を説明するこの質問を見ました：

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

しかし、選択が変更されたときではなく、ページの読み込み時に選択された値を取得するにはどうすればよいですか?

4

4 に答える 4

51

これが最も簡単であることがわかりました：

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

次のノードで選択されたオプションのテキストはどれですか:<select id="objectID"></select>

https://github.com/mbostock/d3/wiki/Selections#node に記載されており、 anのプロパティはMDN の https://developer.mozilla.org/en/docs/Web/API/ に記載されd3.node()ていることに注意してください。 HTMLInputElement ..valueHTMLInputElement

于 2013-11-22T20:42:39.690 に答える
14

そのために D3 を使用する必要はありません。

var sel = document.getElementById('myselect');
console.log(sel.options[sel.selectedIndex].value)
于 2013-09-18T23:01:24.060 に答える
0

私も見ました

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

しかし、これは一般的に悪い考えだと確信しています...

于 2016-01-11T15:38:52.220 に答える