我觉得这样更短更干净。此外，如果有多个选定项，您可以迭代;

$('select').on('change', function () {
     var selectedValue = this.selectedOptions[0].value;
     var selectedText  = this.selectedOptions[0].text;
});

委托替代

如果有人正在为他们的侦听器使用委托方法，请使用e.target(它将引用select元素)。

$('#myform').on('change', 'select', function (e) {
    var val = $(e.target).val();
    var text = $(e.target).find("option:selected").text(); //only time the find is required
    var name = $(e.target).attr('name');
}

JSFiddle演示

<select id="selectId">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>


$('#selectId').on('change', function () {
     var selectVal = $("#selectId option:selected").val();
});

首先创建一个选择选项。之后，使用jquery，你可以得到当前选择的值，当用户改变选择选项值。

我觉得这样更短更干净。此外，如果有多个选定项，您可以迭代;

$('select').on('change', function () {
     var selectedValue = this.selectedOptions[0].value;
     var selectedText  = this.selectedOptions[0].text;
});

这也可以很好地工作

(函数(jQuery) { $(文档)时函数(){ $ (" # select_menu ") .change(函数(){ var selectedOption = $("#select_menu").val() })； })； }) (jQuery); < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js " > < /脚本>

可以使用jQuery的find方法

 $('select').change(function () {
     var optionSelected = $(this).find("option:selected");
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
 });

上述解决方案工作完美，但我选择添加以下代码，他们愿意获得点击选项。它允许您获得所选选项，即使该选择值没有改变。(仅在Mozilla上测试)

    $('select').find('option').click(function () {
     var optionSelected = $(this);
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
   });