Javascript 如何将索引作为值添加到每个选项？

这是我的HTML代码片段

<div class="well">
    <h5>Test Subject ID No.:</h5>
    <select id="selDataset" onchange="optionChanged(this.value)"></select>
</div>

我现在正试图将索引作为一个值添加到每个选项中，你知道我该怎么做吗？

D3有一个方法可以满足你的需要

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();

---

你的意思是文字索引属性吗？我基本上希望我的选项看起来像这个940 941 etcIt，自从我使用d3以来，它有一个

.html

方法，你可以直接将html附加到列表中吗？

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()

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();