Jquery 选择选择元素中的选项时，如何立即获取选定值？

我想在用户在html中的select元素中选择一个选项后立即显示相应的内容。因此，当用户做出选择时，我需要通过jquery立即获取所选选项的值。我的jquery如下（非常简单）：

---

但问题是，每次单击select元素时，它都会首先显示它的当前值，然后显示单击某个选项时选择的值，这不是我想要的。我不需要当前值，我只需要您这次选择的值。那么我应该如何在jquery中实现这一点呢？

如果页面中有多个select元素

$（'select'）。val（）

只返回页面中第一个select元素的值，那么应该在处理程序中使用

this

关键字，该关键字引用当前的select元素。还请注意，

live

方法已被弃用，如果您想委派事件，可以使用

on

方法

$(document).on('change', 'select', function(event){
    console.log( this.value );        
    // console.log( $(this).val() );
});

---

如果页面中有多个select元素

$（'select'）。val（）

仅返回页面中第一个select元素的值，则应侦听

change

事件，并在处理程序中使用指向当前select元素的

this

关键字。还请注意，

live

方法已被弃用，如果您想委派事件，可以使用

on

方法

$(document).on('change', 'select', function(event){
    console.log( this.value );        
    // console.log( $(this).val() );
});

---

将其更改为选择框更改事件。请尝试下面的代码

$('select').live('change', function(event){
            console.log($(this).val());
        });

（或）

---

将其更改为选择框更改事件。请尝试下面的代码

$('select').live('change', function(event){
            console.log($(this).val());
        });

（或）

试试这个：

 $('select').change(function(event){
         console.log($('select').val());
    });

试试这个：

 $('select').change(function(event){
         console.log($('select').val());
    });

---

您可以通过以下方式获得所选值：

$('#select').change(function() {
        var selectVal = $('#select :selected').val();
    });

---

您可以按如下方式获取所选值：

$('#select').change(function() {
        var selectVal = $('#select :selected').val();
    });