Member 12926744 Ответов: 1

Как перенаправить на другую вкладку div с 1-й вкладки div при нажатии кнопки


Всем привет,

У меня есть страница с несколькими div в качестве вкладок . При загрузке страницы должна быть включена только первая вкладка, остальные должны быть отключены . После заполнения реквизитов в первой вкладке и нажатия кнопки Отправить он должен быть перенаправлен на 2-ю вкладку и так далее . Как я могу это сделать?Любая помощь будет очень признательна .Заранее спасибо.

Что я уже пробовал:

<div class="col-md-6"  style="width:100%;margin-top:20px">
            <div class="tab" role="tabpanel">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active" ><a href="#Section7" aria-controls="home" role="tab" data-toggle="tab">Registration</a></li>
                     <li role="presentation"  ><a href="#Section8"  aria-controls="home" role="tab"  data-toggle="tab">Financially Personal Details</a></li>
                    <li role="presentation"  ><a href="#Section9" aria-controls="home" role="tab" data-toggle="tab">Confirmation</a></li>
                </ul>
                <!-- Tab panes -->
                 <div class="tab-content tabs">
                    <!--  Information -->
                     <div  role="tabpanel" class="tab-pane fade in active"  id="Section7">
                    <table  width="100%" align="center" >
        <tr><td colspan="4">
        <table width="100%">
        <tr><td ><label  > Name  </label><asp:TextBox  ID="txt_Name"  runat="server" Width="200px"></asp:TextBox>
            </td><td align="left"><label  >Contact Number </label>
            <asp:TextBox ID="txt_Cnumber" TabIndex="8" runat="server"></asp:TextBox>
            </td>
            </tr>
    </tr>
    <tr>
         <td><asp:Button ID="but_Submit" runat="server" Text="Register" OnClick="but_Submit_Click" TabIndex="23"></asp:Button>
            </td>
            </tr>
            </table>
            </td>
            </tr>
       </table>
       </div>
       <!--End  Information -->
                     <!-- Financially  Party -->
                     <div role="tabpanel" runat="server" enableviewstate="false" class="tab-pane fade" id="Section8">
      <table  width="100%" align="center" >
        <tr><td colspan="4">
      
         <table width="100%"  class="w3-card w3-table w3-small">
        <tr><td ><label  >Bearer Name</label>
        <asp:TextBox  ID="txt_fbname"  runat="server"></asp:TextBox>
          </td><td align="left"><label  >Relation to Patient  </label>
          <asp:TextBox  ID="txt_rtp" runat="server"></asp:TextBox>
             </td>
            </tr>
             <tr>
         <td><asp:Button ID="Button6" runat="server" Text="SAVE" OnClick="but_Submit1_Click" TabIndex="23"></asp:Button>
            </td>
    </tr>
            </table>
            </td>
            </tr>
       </table>
      </div>

                     <!--End Financially Responsible Party -->
                     <!--Emergency Contact -->
                     <div role="tabpanel"  runat="server" enableviewstate="false" class="tab-pane fade" id="Section9">
                
   <table  width="100%" align="center" >
        <tr><td colspan="4">
   
        <table width="100%"  class="w3-card w3-table w3-small">
        <tr><td ><label  >Contact Name  </label><asp:TextBox ID="txt_emname"  runat="server" Width="200px"></asp:TextBox>
          </td><td align="left"><label  >Relation to Patient  </label>
         <asp:TextBox ID="txt_emrtp" runat="server" Width="200px"></asp:TextBox>
             </td>
            </tr>
            <tr>
         <td><asp:Button ID="Button5" runat="server" Text="SAVE" OnClick="but_Submit2_Click" TabIndex="23"></asp:Button>
            </td>
    </tr>
            </table>
            </td>
            </tr>
       </table>
                           </div>
                     <!--End Emergency Contact -->
</div>

1 Ответов

Рейтинг:
0

Nishant.Chauhan80

Этот код копируется на стороне сервера...

protected void Page_Load(object sender, EventArgs e)
   {
       Section8.Visible = false;
       Section9.Visible = false;
   }
   protected void but_Submit_Click(object sender, EventArgs e)
   {
       Section7.visible = false;
       Section8.Visible = true;
   }
   protected void Button6_Click(object sender, EventArgs e)
   {
       Section7.visible = false;
       Section9.Visible = true;
   }