Focus on same tab after selecting in a dropdown list

How do you make a tab in asp.net (using html, asp.net control, jQuery etc.)?
Could you please provide your part of code to look into it?

  <div class="row">

            <div class="col-md-4">
                <asp:DropDownList ID="ddlAccount" runat="server" OnSelectedIndexChanged="ddlAccount_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
            </div>
            
        </div>
         

        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">Trade A</a></li>
            <li><a href="#tab2" data-toggle="tab">Trade B</a></li>

        </ul>

Select allOpen in new window

Like I mentioned, If I go to Tab2 and pick a value in dropdownlist, it goes back to Tab1

I have not gotten response on this?

It seems you have created Tabs using CSS & Javascript/jQuery!

<ul class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">Trade A</a></li>
            <li><a href="#tab2" data-toggle="tab">Trade B</a></li>
        </ul>

Select allOpen in new window

If yes, then you should following things
1. When tab changes, put active tab in the URL like http://yoururl#tab1
2. on document.ready method manipulate # and call your function which toggle tabs.

Prakash, Thanks for the idea but can you post the code.

Prakash, Thanks for the idea but can you post the code.

I hope, if you implement using my idea will also work if you know how to do it using javascript/jQuery, same you did to toggle tabs!

You could check below link for reference
https://codepen.io/angelorubin/pen/qZzjdX

The dropdown selectedchanged index event is csausing the tab to focus on the first tab which is the default,

Thanks Prakash,
I know you want to help but without providing code to how it work, I would consider it only as a suggestion and not a solution.

Thanks zachvaldez for reply.
Did you understand what I was trying to explain in my solution?
If you do that way, you will get resolution! You could reply if you have implementation issue or error you found in it!
All the best :)

The dropdown is outside the tabs
as this shows. So I don't think solution would work. If I'm on tab2 and pull down the dropdown and select it jumps to Tab1

         

  <h3>Worksheet</h3>
        </header>
        <div class="row">

            <div class="col-md-4">
                <asp:DropDownList ID="ddlAccount" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlAccount_SelectedIndexChanged"></asp:DropDownList>
            </div>
            <div class="col-md-1">
                <asp:Label ID="lblFiscalYear" runat="server" Text="2018"></asp:Label>
            </div>
        </div>
       
        
        <ul class="nav nav-tabs" role="tablist" id="myTab">
            <li class="active" role="tab"><a href="#tab1" data-toggle="tab">Tab1</a></li>
            <li><a href="#tab2" role="tab" data-toggle="tab">Tab2</a></li>

        </ul>

Select allOpen in new window

This is the closer solution  submitted because I have no choice