我们可以从<select>元素访问两种类型的值。
根据要求，单个或者两个值可以从SELECT元素获取。

第一个是要发送到服务器的值，可以轻松使用jQuery。

$("#dropdownList").val();

第二个是Select元素的文本值。
在示例代码中，我们将展示如何使用jQuery获取选择的文本值。

以下选择框具有一些具有值的选项，将从此选择元素中检索所选选项的文本值。

<select id="dropdownList">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
</select>

以下代码将使用jQuery获取所选选项的文本值。

$(document).ready(function(){
    $('#dropdownList').on('change',function(){
        //var optionValue = $(this).val();
        //var optionText = $('#dropdownList option[value="'+optionValue+'"]').text();
        var optionText = $("#dropdownList option:selected").text();
        alert("Selected Option Text: "+optionText);
    });
});