如何从 javascript 中获取 ajax 手风琴选定索引

Question

嗨，我用过 Ajax 手风琴。我需要的是在单击计费信息上的手风琴选项卡时获取当前选定的索引我应该在 Javascript 或 jquery 中获得 selectedindex=0

我已将 javascript 设置为

注意：帐单信息是在 OPCPanels

中设置的 class

<script type="text/javascript">
    function pageLoad(sender, args) {

        $(".billinginformation").click(function (event, ui) {
            alert("hi");

            alert($(".billinginformation").accordion("option", "active"))                
        });
    }
</script>

HTML代码

 <ajax:Accordion ID="OPCPanels" runat="server" SelectedIndex="0" HeaderCssClass="widget billinginformation" ContentCssClass="content" AutoSize="None">
        <Panes>
        <ajax:AccordionPane ID="BillingInformation" runat="server" CssClass="widget">
            <Header><h2>Billing Information</h2></Header>
            <Content>HI</Content>
        </ajax:AccordionPane>
        <ajax:AccordionPane ID="ShippingInformation" runat="server" CssClass="widget">
            <Header>Shipping Information</Header>
            <Content>hello</content>
        </ajax:AccordionPane>
    </Panes>
</ajax:Accordion>

我已经将账单信息 class 设置到我的主手风琴上，点击任何手风琴我都会收到 "hi".

的警报

但是我应该如何获得我在 JavaScript 中选择的索引？

Answer 1

这似乎是 ASP.NET Ajax 工具包手风琴。尝试：

$find('OPCPanels').get_SelectedIndex()

编辑：

AJAX 工具包上没有太多文档。看看您可以从这些链接中搜索到什么。

Accordion SelectedIndex behind code of last item selected? http://www.dotnetcurry.com/ShowArticle.aspx?ID=215

Answer 2

不确定 html 在浏览器中的实际效果，所以我选择使用带有小部件的点击元素 class：编辑：现在使用 CssClass

$('#OPCPanels [CssClass="widget"]').click(function (event, ui) {
     alert("Index: " + $(this).index() );
});

Answer 3

在 http://www.newschool.edu/ajax/Accordion/Accordion.aspx 查看示例代码（ 和源代码 ），您需要使用

var behavior = $find("<%=OPCPanels.ClientID%>_AccordionExtender");
alert( behavior.get_SelectedIndex() );

你可以查看实际的源代码来确定手风琴扩展元素的id是什么。

如何从 javascript 中获取 ajax 手风琴选定索引

How to get ajax accordion selected index from javascript

javascript

ajax

jquery

jquery-ui

ajaxcontroltoolkit