Почему я получаю раскрывающееся значение как undefined в console.log?

Question

Это фрагмент html моего тега выбора.

<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 - это способ получения значения элемента select.