更改事件不適用於多個選擇輸入

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就緒或當你加載你的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/