bootstrap 中的绑定下拉菜单和导航选项卡

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>

当下拉列表为 changed/selected 时，我希望将选项卡窗格更改为第一个选项卡。如何绑定此下拉菜单和导航标签？

Answer 1

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