0

私は 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() などでコピーしないでください)、またはこれとはまったく異なるアプローチがありますか?

4

2 に答える 2

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
<span id="fcont"><select><option>op1</option><option>op2</option></select></span>
</div>
<div id="tab-2">
Content 2
<span id="scont"></span>
</div>
</div>

そしてjQueryでは

$(function()
{
   var mysel= "";
   $("#tabs").tabs();              
    $('#tab-1').click(function()
   {
     mysel = $("#scont").html();
     if(mysel)
     {
       $("#fcont").html(mysel);
       $("#scont").html("");
     }
   });
   $('#tab-2').click(function()
   {
     mysel = $("#fcont").html();
     $("#scont").html(mysel);
     $("#fcont").html("");
   });
});
于 2013-02-22T11:20:23.220 に答える
0

.clonejQuery関数を使ってみましたか?

$(SELECT).clone().append(NEWTAB_HTML);

詳細に。

$(function()
{
    $("#tabs").tabs();

    $('#tab-2').click(function()
    {
        var newSelect = $('#tab-1 select').clone().attr('id','new_id_value');
        $(this).append(newSelect);
    });

});
于 2013-02-22T09:54:21.630 に答える