为什么我在 console.log 上将下拉值显示为“未定义”？

Question

这是我的选择标签的 html sn-p

<select id="selDataset"></select>

我已使用以下脚本添加了选项及其对应的值，并已使用检查工具验证它们是否存在

function addOptions() {
    d3.json(url).then(function(data) {
        data.names.forEach((name, i) => {
            var appendOption = selectDropdown.append("option").text(name).attr('value', i)
        })
        selectDropdown.selectedIndex = 0
    })
}

现在我正在尝试获取下拉列表的值！

console.log(selectDropdown.value)

我在控制台上收到undefined，有人知道为什么会这样吗？

Answer 1

selectDropdown 是 d3.js Selection 对象，而不是 HTMLElement。您可以使用selectDropdown.node() 获取元素。 selectDropdown.node().value 是您获取选择元素值的方式。