如何从TabContainer获取活动的标签索引

Question

目前，我在JavaScript中使用这一行代码

var tabIndex = $(':focus').attr('tabIndex'); 

但是，这始终无法获得活动索引。

如果有帮助，这是asp：TabContainer标头。 我也尝试了document.GetElementById，但是也无济于事。

    <asp:TabContainer ID="AdvOrBasicSearch" runat="server" ActiveTabIndex="0">

Answer 1

他们说，一张图片胜过千言万语...

我在这里用过jQuery。 有了它，很容易找到想要的东西。 注意图片中的矩形文本。

快乐的编码。

Answer 2

我发现此方法效果更好。 我使用tabContainer本身创建了一个变量。 然后，我只需要进入变量并从_activeTabIndex属性中提取值即可。

var tabIndex = $find("AdvOrBasicSearch"); //AdvOrBasicSearch is name of tabContainer
var i = tabIndex._activeTabIndex; 

Answer 3

使用javascript获取标签索引和标签名称

< script type="text/javascript">
        function onTabChanged(sender, e) <br> { <br>
            var curIndex = document.getElementById('lblCurTabNo');<br>
            var curName = document.getElementById('lblCurTabName');<br>
            curIndex.innerHTML = sender.get_activeTabIndex();<br>
            curName.innerHTML = sender.get_activeTab().get_headerText();<br>
        }<br>
    < /script><br><br>

< asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" UseVerticalStripPlacement="false"
            Width="400px" BackColor="ActiveBorder" ForeColor="Green" OnClientActiveTabChanged="onTabChanged"><br>
    ----asp tab control-----------

< /asp:TabContainer>

标签索引： < asp:Label ID="lblCurTabNo" runat="server" Text="0"></asp:Label><br />

标签名称： < asp:Label ID="lblCurTabName" runat="server" Text="Personal Info"></asp:Label>