javascript - 如何从 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>