Получение текста выбранного элемента <option>в <select>

Question

В следующем:

<select id="test">
    <option value="1">Test One</option>
    <option value="2">Test Two</option>
</select>

Как получить текст выбранной опции (т. Е. "Test One" или "Test Two") с использованием JavaScript

document.getElementsById('test').selectedValue возвращает 1 или 2, какое свойство возвращает текст выбранного параметра?

Answer 1

Простой, простой способ:

const select = document.getElementById('selectID');
const selectedOption = [...select.options].find(option => option.selected).text;

Answer 2

Аналогично @artur, только без jQuery, с простым javascript:

// Использование переменной elt @ Sean-bright

var selection=elt.options[elt.selectedIndex].innerHTML;