这是我的 HTML 片段
<div class="well">
<h5>Test Subject ID No.:</h5>
<select id="selDataset" onchange="optionChanged(this.value)"></select>
</div>
这就是我附加选项的方式
const url = "./samples.json";
var selectDropdown = d3.select("#selDataset")
function addOptions() {
d3.json(url).then(function(data) {
data.names.forEach(name => {
var appendOption = selectDropdown.append("option").text(name)
})
})
}
addOptions()
我现在尝试为每个选项添加一个索引作为值,知道如何做到这一点吗?
最佳答案
D3 有 .attr
方法可以做你想要的事情。
var selectDropdown = d3.select("#selDataset");
function addOptions() {
d3.json(url).then(function(data) {
data.names.forEach((name, i) => {
var appendOption = selectDropdown.append("option").text(name).attr('value', i);
});
});
}
addOptions();
关于javascript - 如何为每个选项添加索引作为值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59974916/