javascript - 如何使用 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

只需将 option:selected 添加到您在 jQuery 中的 ID:

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