引导程序中的绑定下拉列表和导航选项卡

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