2

に 3 つのタブがありますsj:tabbedpanel。どのタブがアクティブになっているかを知り、それに応じて非表示フィールドの値に値を設定したい。

<sj:tabbedpanel id="localtabs" >                
   <sj:tab id="connected" target="tone" label="Connected" />
    <sj:tab id="disconnected" target="ttwo" label="Not Connected"/>
    <sj:tab id="distribution" target="tthree" label="Distributed"/>
    <div id="tone">tone</div>
    <div id="ttwo">ttwo</div>
    <div id="tthree">tthree</div>    
</sj:tabbedpanel>

ここで、タブのトーン、ttwo、および tthree のアクティブ化されたタブ 0、1 または 2 に従って、非表示の入力フィールドの値を設定したいと考えています。

<input type="hidden" name="activeTab" value="0" id ="activeTab"/>

私は試した

$("#connected").click(function(){
    alert("Connected");
    $("#activeTab").val(0);
});
$("#disconnected").click(function(){
    alert("Not Connected");
    $("#activeTab").val(1);
});
$("#distribution").click(function(){
    alert("distribution");
    $("#activeTab").val(3);
});

しかし、それは機能していません。前もって感謝します。

4

1 に答える 1