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

Question

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

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

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

Answer 1

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

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

.other-selects您指定其他select元素的类在哪里。