基于一个元素的更改事件触发多个事件

Triggering multiple events based on change event of one element

本文关键字：事件 于一个 元素      更新时间：2023-09-26

我有多行，每行有三个选择元素。初始化期间有两个这样的行，可以动态添加更多行。我在添加每一行时向所有这些元素添加了更改事件，以便在该行中的某个下拉列表更改时，特定行中的所有其他元素都会更改。还有另一个选择元素#foo它不是任何行的一部分（它显示在页面顶部），它应该在更改时更改所有行上所有选择元素的内容。

我尝试通过在为每行添加更改事件的同时添加jQuery("#foo select").change(callback_function)来执行此操作。但是当我这样做时，更改#foo只会更新最后插入的行，而不会更新其他行。如何使其以更改#foo更新所有行的方式工作？

任何解决方案将不胜感激。

如果您提供一些源代码，会更容易回答，但据我了解（当 id 为 foo 的 select 元素更改时，其他 select 元素由某个函数更改）这可能对您有用：

$("#foo").on('change', function() {
  $('select.other-selects').each( function (i) {
    callback_function();
  });
});

其中.other-selects是你指定的类，你用其他select元素

。
相关文章：