在引导程序中绑定下拉菜单和导航选项卡

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');
});