jQuery获取选择onChange的值

本文介绍: 我的印象是，我可以通过执行此 $(th i s).val(); 并将 onchange 参数应用于选择字段来获取选择输入的值。它似乎只有在我引用 ID 时才有效。我该如何使用它。

我的印象是，我可以通过执行此 $(th i s).val(); 并将 onchange 参数应用于选择字段来获取选择输入的值。

它似乎只有在我引用 ID 时才有效。

$(‘select’).on(‘change’, function() { alert( th i s.value ); }); 一个 option&g t; 两个

我知道这已经很晚了，但是如果您使用键盘（制表符）导航表单并使用向上/向下箭头从下拉列表中进行选择，则 FireFox (22.0) 不会触发更改事件。您需要另外为 FireFox 绑定按键。附加信息：jQuery 1.10.2 使用语法 $('select').on('change', function(){ /* do seomthing */ });

让我们continue this discussion in chat。

$('#id_of_field').change(function() {
    // $(this).val() will work here
});

onselect="foo(this);"

function foo(element) {
    // $(element).val() will give you what you are looking for
}

$('select_tags').on('change', function() {
    alert( $(this).find(":selected").val() );
});

$('radio_tags').on('change', function() {
    alert( $(this).find(":checked").val() );
});

$(document.body).on('change',"#selectID",function (e) {
   //doStuff
   var optVal= $("#selectID option:selected").val();
});

$('#select_id').on('change', function()
{
    alert(this.value); //or alert($(this).val());
});






    Option 1
    Option 2
    Option 3
    Option 4

$('select').on('change',(event) =&gt; {
     alert( event.target.value );
 });

$('#select-id').change(function() {
    console.log($(this).val());
});

如果有人还需要获取选项的文本，这里是 $(this).find('option:selected').text();

$('select').on('change', function()
{
    alert( this.value );
});

$('#select_id')

<html>

  <head>
    <title>Example: Change event on a select</title>

    <script type="text/javascript">

      function changeEventHandler(event) {
        alert('You like ' + event.target.value + ' ice cream.');
      }

    

  

  
    Choose an ice cream flavor: 
    
      chocolate
      strawberry
      vanilla