jquery - 在运行时将事件选项卡名称获取到隐藏字段中

Question

我有一个带有如下选项卡的 aspx 页面...

 <ul class="tabs-menu" style="list-style-type: none;" >
        <li class="active"><a class="anchor" href="#ATab" style="text-decoration: none;" > A</a></li>
        <li><a class="anchor" href="#BTab" style="text-decoration: none;">B</a></li>
        <li><a class="anchor" href="#CTab" style="text-decoration:none;">C</a></li>

    </ul>

这是隐藏字段，应存储事件选项卡并在单击模态弹出窗口上的提交按钮时将其传递给函数

<input type="hidden" name="findTab" id="findTabname" value=""/>

我使用 Jquery 将这个 ASPX 页面显示为从另一个页面弹出的模态页面，如下所示

$("#Test").live('click', function OpenSearchDialog() {
        $("#dialog_testsearch").load("Test.aspx", function() {
          $(this).dialog({
              autoOpen: true,
              modal: true,
              width: 750,
              buttons: {
                  Go: function() {
                      var current_tab = $("#anchor").tabs('option', 'selected');
                   //anchor is my class for the list items
         callTestFunction()

                  },
                  Close: function() {
                      $(this).dialog("close");
                  }
              }
          });
          $(this).siblings('.ui-dialog-titlebar').remove();
          $(this).container.css('height', 'auto');
      });
      return false;
  });

现在我的问题是如何将事件名称的名称放入该隐藏字段中？然后点击 Go 按钮进入这个 Jquery。 因为我想根据所选选项卡执行功能

 function callTestFunction()
   {
       if A
        //do this
       if B 
       //do this
       if c 
        //do this 
    }

对于这个简单的事情我真的很头疼。但我无法让它工作

Answer 1

尝试一下..

$('button').on('click', function(){
   $('#findTabname').val($('.tabs-menu li').index('.active'));
})

当您想将隐藏输入的值重新使用到事件选项卡时..

$('.nav-tabs li:eq($('#findTabname').val()) a').tab('show');