異なるブートストラップタブに変数値を割り当てる

Question

私は現在、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タブの読み取り専用コントロールに割り当てることです。

どうすればいいですか？

Answer 1

私は以下の解決策を使用して質問を解決することができました。 最初に、data-toggle="tabを削除して、2番目のタブを読み取り専用に設定しました。

<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"/> 

を、私は次のように含まれており、変数の上を通過することができました。ボタンをクリックすると、変数値が渡され、読み取り専用の2番目のタブにフォーカスが移ります。

<script> 
     $(function() { 

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

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

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


      }) 

     }) 
    </script>