javascript - jQuery .val() 不会生成 'change'

Question

我在测试 JavaScript 时遇到问题。我的部分测试看起来像

$('#activityType').val("33");
$('#favorite').click();

$('#activityType') 是一个选择字段，我想选择值为“33”的选项。现在我预计，这将是一个改变，这样我在我的程序中的功能就像

$('body').on('change', '.item-select', function() {
    var itemRow = $(this).parent().parent();
    changeBookableItemInputFields(itemRow);
});

将被执行。

$('#activityType')有类属性item-select，所以我不明白，为什么$('# activityType').val("33"); 没有变化。我更改了值并且 css-attribute 在那里。主体应该能够找到它并且应该执行该功能。

谁能告诉我，为什么它不起作用？

Answer 1

使用 JavaScript 更改值不会触发事件，您需要手动触发它。 jQuery 使用 .trigger(eventName) 使这变得容易

$('#activityType').val("33").trigger("change");