Javascript 使用D3确定选择/选项
在使用D3组装一些组件之后Javascript 使用D3确定选择/选项,javascript,html,d3.js,Javascript,Html,D3.js,在使用D3组装一些组件之后 函数构建_rb(){ 设mylist=d3.范围(5); 设spans=d3。选择('主体') .selectAll('span')) .数据(d3.范围(5)) .输入() .append('span'); span.append('input') .attr('type','radio') .attr('name','rbname') .attr('id',d=>d); span.append('label') .html(d=>(“显示:+d)) .attr(
函数构建_rb(){
设mylist=d3.范围(5);
设spans=d3。选择('主体')
.selectAll('span'))
.数据(d3.范围(5))
.输入()
.append('span');
span.append('input')
.attr('type','radio')
.attr('name','rbname')
.attr('id',d=>d);
span.append('label')
.html(d=>(“显示:+d))
.attr('for',d=>d);
}
函数get_rb(){
让sel=d3.select('input[name=“rbname”]:选中')
.node().id;
返回sel;
}
build_rb()代码>
因为您的选择器错误<代码>:选中的
应处于选项
,而不是选择
。您可以选择byname
属性,但“soname”被定义为一个id
函数构建_so(){
d3.选择('主体')
.append('select')
.attr('id','soname'))
.selectAll('选项')
.数据(d3.范围(5))
.输入()
.append('选项')
.attr('value',d=>d)
.text(d=>(“显示:+d));
}
函数get_so_d3(){
让select=d3.select('select[id=“soname”]选项:选中');
让电流=选择.datum();
回流;
}
构建_so()代码>
控制台日志
在rb代码中,我们返回的是int
而不是显示的标签。在选择/选项代码中,返回显示的标签。您能返回int
?只需在选择时使用datum
检索其绑定数据项