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

时间:2012-04-18 16:22:22

标签: javascript jquery javascript-events

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

我尝试添加jQuery("#foo select").change(callback_function),同时为每行添加更改事件。但是当我这样做时,更改#foo仅更新最后插入的行而不更新其他行。如何使其更改#foo更新所有行?

任何解决方案都将受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

如果您提供了一些源代码,那么会更容易回答,但是根据我的理解(当ID为select的{​​{1}}元素发生更改时,其他foo元素由某个功能改变)这可能适合你:

select

$("#foo").on('change', function() { $('select.other-selects').each( function (i) { callback_function(); }); }); 是哪个类,您可以使用其他.other-selects个元素来设计。