Как собрать выделенный выпадающий текст с Javascript DOM?

Question

Используя приведенный ниже пример HTML-кода в Bootstrap 4, как извлечь текст из выбранного параметра раскрывающегося меню с помощью JS DOM или Jquery?

<select class="custom-select" id="inputGroupSelect01">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

Я знаю, что могу получить значение, но не текст внутри <option></option> с чем-то вроде этого:

$("#inputGroupSelect01").change(function (){

    alert($(this).val());
});

Давайте предположим, что value - это идентификатор, а текст - столбец в моей базе данных.Мне нужно получить эту информацию, чтобы отправить запрос PUT с идентификатором и текстом.Спасибо за вашу помощь!

Answer 1

Просто добавьте параметр: выбранный к вашему идентификатору в jQuery:

$("#inputGroupSelect01").change(function (){
    alert($("#inputGroupSelect01 option:selected").text())
});