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

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

我尝试通过添加jQueryfoo select.changecallback_函数来实现这一点，同时为每行添加更改事件。但当我这样做时，更改foo只会更新最后插入的行，而不会更新其他行。我如何使它以这样的方式工作：更改foo更新所有行

---

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

如果您提供一些源代码，回答起来会更容易，但据我所知，当id为foo的select元素发生更改时，其他select元素会被某个函数更改，这可能对您适用：

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

---

其中.other selects是您为您的other selects元素指定的类。

我已经通过添加一个特定于该行jQueryfoo select.changecallback_函数的更改事件处理程序来完成此操作。执行此操作时，前几行的更改事件也应保留。为什么单个元素不能绑定多个更改事件？