2012-04-18 19 views
0

私は3つの選択要素を持つ複数の行を持っています。初期化中にこのような行が2つあり、さらに行を動的に追加できます。その行のドロップダウンの1つが変更されたときに特定の行の他のすべての要素が変更されるように、各行が追加されるときにこれらの要素すべてに変更イベントを追加しました。ページ上に表示される行の一部ではない別の選択要素#fooもあります。変更すると、すべての行のすべての選択要素の内容を変更する必要があります。1つの要素の変更イベントに基づいて複数のイベントをトリガする - jQuery

各行の変更イベントを追加しながらjQuery("#foo select").change(callback_function)を追加してこれを試みました。しかし、これを行うと、#fooを変更すると最後に挿入された行だけが更新され、他の行は更新されません。 #fooを変更するとすべての行が更新されるようにするにはどうすればよいですか?

いずれの解決策も高く評価されます。

答えて

0

あなたには、いくつかのソースコードを提供する場合に答えるために容易になるだろうが、私は理解して何から(fooのidを持つselect要素を変更すると、他のselect要素は、特定の機能によって変更されている)、これがために働くかもしれませんあなた:

.other-selectsは、あなたとあなたの select要素を他の人をdesigneteクラスである
$("#foo").on('change', function() { 
    $('select.other-selects').each(function (i) { 
    callback_function(); 
    }); 
}); 

+0

私はすでに、この行 'jQuery("#foo select ")。change(callback_function)'に固有の変更イベントハンドラを追加しています。これを行うと、前の行の変更イベントも保持する必要があります。 1つの要素に複数の変更イベントがバインドされていないのはなぜですか? – Sanjay

+0

いくつかのソースコードを投稿できますか? – Maverick

関連する問題