在html5 select中獲取所選選項的鍵（文本）

Question

我正在選擇一個字段。 我想訪問它的鍵（顯示的文本）。 這目前正在起作用，但感覺有點愚蠢。

<select onChange={
  (e) => {
    console.log('e.target', e.target);
    onChangeEvent(e.target.options[event.target.options.selectedIndex].text, e.target.value);
}}>
  ...
</select>

有更好的東西嗎

e.target.options [event.target.options.selectedIndex] .text

不使用jQuery，其他模塊...

Answer 1

如果您不關心IE：

 const select = document.querySelector('.select') select.addEventListener('change', (e) => { const selected = e.target.selectedOptions[0] console.log(selected.text, selected.value) }) 

 <select class="select"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select>