ブートストラップでのドロップダウンとナビゲーションタブのバインド

Question

私のページにドロップダウンメニューがあります。アイテムが選択されると、選択されたセクションがスクロールダウンします。

<select class="form-control " onchange="location = this.value;" > 
    <option value ="#"> Standard</option> 
    <option value="#eco">Eco</option> 
    <option value="#lux">Lux</option> 
</select> 

同じページにもタブがあります。

<ul class="nav nav-tabs"> 
    <li class="active"> 
     <a href="#about" data-toggle="tab">About</a> 
    </li> 
    <li> 
     <a href="#treatments" data-toggle="tab">Treatments</a>      
    </li> 
    <li> 
     <a href="#doctors" data-toggle="tab">Doctors </a> 
    </li> 
    <li> 
     <a href="#schedule" data-toggle="tab">Schedule </a> 
    </li> 
</ul> 

ドロップダウンを変更/選択すると、タブ区画を最初のタブに変更します。このドロップダウンとナビゲーションタブをどのようにバインドできますか？

Answer 1

$('select').change(function() { 
    $('[href="#about"]').tab('show'); 
});