箭头函数的作用域与函数不同， 这一点。Value将为箭头函数提供undefined。 固定使用

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

试试这个,

$('选择')。On ('change'， function() { 警报(这。值); })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <选择> <选项值= " 1 " > < / >选项之一 <选项值= " 2 " > 2 > < /选项 < /选择>

你也可以引用onchange event-

函数getval(选取) ｛ 警报(sel.value); ｝ <选择onchange = " getval(这个);" > <选项值= " 1 " > < / >选项之一 <选项值= " 2 " > 2 > < /选项 < /选择>

尝试事件委托方法，这几乎适用于所有情况。

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

只使用JS

 let select=document.querySelectorAll('select') 
  select.forEach(function(el) {
    el.onchange =  function(){
     alert(this.value);
      
  }}
  )

这对我有帮助。

选择:

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

For radio / checkbox:

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

箭头函数的作用域与函数不同， 这一点。Value将为箭头函数提供undefined。 固定使用

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