首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >D3.js:获取所选选项的值?

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

Stack Overflow用户
提问于 2013-09-19 06:57:55
回答 4查看 34.9K关注 0票数 23

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

代码语言:javascript
复制
<select>
<option data-graph="1">1</option>
<option value="2">2</option>
</select>

我见过this question,它解释了当select更改时如何获取值:

代码语言:javascript
复制
d3.select("#myselect").on("change", change)
function change() {
    this.options[this.selectedIndex].value
}

但是,如何才能在页面加载时获得选定值,而不是在select发生更改时获得呢?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-09-19 07:01:24

您不需要使用D3来完成此操作:

代码语言:javascript
复制
var sel = document.getElementById('myselect');
console.log(sel.options[sel.selectedIndex].value)
票数 14
EN

Stack Overflow用户

发布于 2013-11-23 04:42:40

我发现这是最简单的:

代码语言:javascript
复制
d3.select("#objectID").node().value; 

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

注意,d3.node()https://github.com/mbostock/d3/wiki/Selections#node上有文档,HTMLInputElement.value属性在https://developer.mozilla.org/en/docs/Web/API/HTMLInputElement的MDN上有文档。

票数 50
EN

Stack Overflow用户

发布于 2014-03-20 17:09:01

使用.property() method

代码语言:javascript
复制
d3.select("#objectID").property("value")
票数 33
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18883675

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档