javascript - 输入动态更改时不会触发 onChange 事件

Question

在我的表单上，我有一个 DropDown，当选择一个值时，我会触发一些 JavaScript 来填充一些可见的 <input type="text" />字段(在下拉列表下方)。

问题是，每当这些输入之一的值发生变化时，我还想运行一些 JavaScript 函数，即使文本输入被下拉选择更改，我也希望该函数运行。

这是我当前的代码:

jQuery(document).ready(function() {
    $('#mainPane').on('change', '#formElementFromEmail', function(event){
        var collectFromDropDown = $('#formElementFromEmail');
        persistHiddenInputForCollectFromValue();
    });
});

我怀疑更改事件没有被触发，因为没有人手动更改相关字段的值。我该如何克服这个问题？

Answer 1

因为您使用的是 jQuery，所以您可以触发事件:

$('#mainPane').trigger('change');