に 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);
});
しかし、それは機能していません。前もって感謝します。