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