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

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

您可以尝试(使用jQuery)-

$('选择')。(“变革”的功能() ｛ 警报(这。值); })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js " > < /脚本> <选择> <option value="1">选项1</option> . </option> . <option value="2"> option 2</option> . <option value="3"> option 3</option> . <option value="4"> option 4</option> . < /选择>

或者你可以使用简单的Javascript像这样-

函数getNewVal(项) ｛ 警报(item.value); ｝ <选择onchange = " getNewVal(这个);" > <option value="1">选项1</option> . </option> . <option value="2"> option 2</option> . <option value="3"> option 3</option> . <option value="4"> option 4</option> . < /选择>

只使用JS

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

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

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

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

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

jQuery(document).ready(function(){

    jQuery("#id").change(function() {
      var value = jQuery(this).children(":selected").attr("value");
     alert(value);

    });
})