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

如何使用Javascript DOM收集选定的下拉文本?,javascript,jquery,dom,bootstrap-4,Javascript,Jquery,Dom,Bootstrap 4,使用下面的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</op

使用下面的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>

让我们假设
是一个ID,文本是数据库中的一列。我需要获取这些信息以提交一个带有ID和文本的PUT请求。谢谢你的帮助

只需在jQuery中将选项:选中的添加到您的ID中:

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

只需在jQuery中将选项:选中的添加到您的ID中:

$("#inputGroupSelect01").change(function (){
    alert($("#inputGroupSelect01 option:selected").text())
});
可能的重复可能的重复