Запуск нескольких событий на основе события изменения одного элемента - jQuery

Question

У меня есть несколько строк с тремя отдельными элементами. Во время инициализации есть два таких строки, и дополнительные строки могут быть добавлены динамически. Я добавил события изменения ко всем этим элементам, когда каждая строка добавлена ​​так, что все остальные элементы в определенной строке изменяются при изменении одного из выпадающих списков в этой строке. Также есть еще один элемент выбора #foo, который не является частью любой строки (отображается в верхней части страницы), которая при изменении должна изменять содержимое всех элементов выбора во всех строках.

Я попытался сделать это, добавив jQuery("#foo select").change(callback_function) при добавлении изменений для каждой строки. Но когда я это делаю, изменение #foo обновляет только последнюю вставленную строку, а не другие строки. Как заставить его работать таким образом, что изменение #foo обновляет все строки?

Любые решения будут очень благодарны.

Answer 1

Было бы легче ответить, если Вы предоставили какой-то исходный код, но от того, что я понимаю (Когда select элемент с идентификатором foo изменяется, другие select элементы изменяются с помощью определенной функции) это может работать вы:

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

Где .other-selects класс вы designete вам другие select элементы с.