Question

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

HTML：

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

JS：

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

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

});

为什么这不是解雇的任何想法？谢谢！

编辑： HTML正在通过jquery的load（）函数加载，如果它有所不同。

Answer 1

在dom ready或加载html时绑定更改事件 -

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

或

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

Answer 2

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

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

});

演示：http://jsfiddle.net/a5rNV/

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

2 个答案: