如何使用Javascript DOM收集选定的下拉文本？

Question

使用下面的Bootstrap 4示例html，如何使用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是一个ID，文本是我数据库中的一列。我需要获取此信息以提交带有ID和文本的PUT请求。感谢您的帮助！

Answer 1

只需在您的jQuery ID中添加 option：selected ：

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