jqueryを使用して以下をチェックする最良の方法は何でしょうか:
jquery を使用して複数のドロップダウンがページに追加された場合に、同じ値が選択されているかどうかを確認します。
ページに単一のドロップダウンがあります。
<select name="brand" class="brands" onchange="some function to check for the same value>
<option>Brand 1</option>
<option>Brand 2</option>
<option>Brand 3</option>
</select>
ドロップダウンを動的に追加することもできます。各動的ドロップダウンは、オプションに同じデータを使用します。したがって、追加ボタンをクリックして新しいドロップダウンを表示すると、次のようになります。
<select name="brand_1" class="brands" onchange="some function to check for the same value">
<option>Brand 1</option>
<option>Brand 2</option>
<option>Brand 3</option>
</select>
そしてまた:
<select name="brand_2" class="brands" onchange="some function to check for the same value">
<option>Brand 1</option>
<option>Brand 2</option>
<option>Brand 3</option>
</select>
などなど...
クラス要素と、おそらく jquery のドロップダウンの onchange() イベントを使用できると思いますが、これを行う最善の方法はわかりません。私を正しい方向に向けるためのアイデアや助けをいただければ幸いです。
ありがとう
JC