私は jQuery を使用しており、見た目がほとんど異なる複数のタブがあります。すべてのタブで共有される選択ボックスがあり、基本的にはすべての異なるタブで同じ値と選択された値を持ちたいので、1 つのタブで変更された場合、他のタブでも変更されます。
<div id="tabs">
<ul>
<li><a href="#tab-1">Tab 1</a></li>
<li><a href="#tab-2">Tab 2</a></li>
</ul>
<div id="tab-1">
Content 1
<select>
<option>op1</option>
<option>op2</option>
</select>
</div>
<div id="tab-2">
Content 2
<select>
<option>op1</option>
<option>op2</option>
</select>
</div>
</div>
そして、タブはによって選択されます
$(document).ready(function(){
$("#tabs").tabs();
}
最初の選択ボックスを2番目のタブにコピーするか、常に他の選択ボックスと等しくしたい。これを行うためのクリーンな方法はありますか (tab.change() などでコピーしないでください)、またはこれとはまったく異なるアプローチがありますか?