<Select> on change不能通过.val()处理值的变化

Question

$('#changeRows').on('change', function(){
    var changedValue = $('#changeRows').val();
    alert("This is my value: "+changedValue);
    //do my stuff
}

setTimeout(function() {
    $('#changeRows').val("<?=$contentData['rows'];?>");
}, 1500);

我怎么才能让它像预期的那样工作呢？值会改变，但不称为.

Answer 1

当通过图形用户界面而不是通过代码更改值时，会触发更改事件。尽管可以使用.trigger("change")或change()触发更改事件

现场演示

setTimeout(function() {
    $('#changeRows').val("<?=$contentData['rows'];?>").change();
}, 1500);

Answer 2

只有当用户操作导致更改时，才会触发更改事件。

您需要手动触发它，如果发生了编程更改，可以使用.change()或.trigger(“变化”)。

setTimeout(function() {
    $('#changeRows').val("<?=$contentData['rows'];?>").change();
}, 1500);

Answer 3

您可以尝试使用jquery的身体进行更改：

$('body'，‘#changeRow’).on(‘change’，函数(e) {

})；

或者，如果您的dom中的元素是动态生成的，则可以选择以下jquery的实时更改：

$('.changeRows').live('change'，function() {

})；