将变量值分配给不同的引导程序选项卡

我目前有script manager,update panel和content template。在content template之内，我有modal popup及其中的选项卡。将变量值分配给不同的引导程序选项卡

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
     <div id="aboutModalTest" class="modal fade" tabindex="4" role="dialog" aria-hidden="true"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <div> 

    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#add" aria-controls="add" role="tab" data-toggle="tab">Add</a></li> 
    <li role="presentation" ><a href="#confirm" aria-controls="confirm" role="tab" data-toggle="tab">Confirm</a></li> 
    </ul>

在add标签中，我有一个表格供用户注册会员。填写完表格后，用户必须前往confirm选项卡验证输入。我想要做的是将输入值分配给confirm选项卡中的只读控件。

我可以得到关于如何去做的任何指示吗？

来源

2017-02-15 Tan Stanley

我设法使用下面的解决方案来解决这个问题。我首先通过删除data-toggle="tab将第二个选项卡设置为只读。

<ul id="navtabs" class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#add" aria-controls="add" role="tab" data-toggle="tab">Add</a></li> 
    <li role="presentation" ><a href="#confirm" aria-controls="confirm" role="tab">Confirm</a></li> 
</ul>

我在第一台按钮如下：</body>前在我的aspx底部

<asp:Button ID="btnAdd" runat="server" class="btn btn-primary btn-block btn-lg" Text="Verify Entry" onclick="btnAdd_Click"/>

，我包括以下内容，并能够通过可变过。点击按钮后，它将传递变量值并将焦点放在只读的第二个选项卡上。

<script> 
     $(function() { 

      $('#btnAdd').click(function (e) { 

       e.preventDefault(); 
       var provider = document.getElementById("ddlNewProvider").value; 

       $('#navtabs a[href="#confirm"]').tab('show'); 


      }) 

     }) 
    </script>

来源

2017-02-15 10:42:37

将变量值分配给不同的引导程序选项卡

回答

相关问题