Javascript 更改事件不适用于多个选择输入

“我的更改”事件未在多选输入上触发。我希望每次更改multiple select的值时都触发一个事件

HTML:

<select style='width: 361px;' multiple="multiple" class='multiselect-status'>
  <option>Pending</option>
  <option>Approved</option>
  <option>Deducted</option>
  <option>Not Approved</option>
</select>

$("body").on('change', 'select.multiselect-status', function(e){

  console.log($(this).val());

});

你知道为什么这不会开火吗？谢谢

---

编辑：HTML是通过jquery的load（）函数加载的，如果有区别的话。

在dom就绪时或加载HTML时绑定更改事件-

$(function(){
  $("body").on('change', 'select.multiselect-status', function(e){
    console.log($(this).val());
  });
});

或

---

演示：

正在工作尝试查看控制台中是否有任何错误。它可以工作，但一旦主体在DOM中可用，您就需要绑定处理程序，或者使用文档代替jquery

ready（）包围的代码标题。

？谢谢！我会检查一下，然后再给你回复。

$('#something').load('something.html',function(){
  $("select.multiselect-status").on('change', function(e){
    console.log($(this).val());
  });
});

$("select.multiselect-status").on('change',  function(e){

  console.log($(this).val());

});