Из вопроса несколько не ясно, показываются ли у вас заголовки табов. Если они есть, то все довольно просто.
$("select").change(function(){
var id = $(this).val();
$("a[href='" + id + "']").tab('show');
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="m-3">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab">Home</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab">Profile</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab">Contact</a>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" >home</div>
<div class="tab-pane fade" id="nav-profile" >profile</div>
<div class="tab-pane fade" id="nav-contact" >contact</div>
</div>
</div>
<select class="m-4 form-control w-25">
<option value="#nav-home">home</option>
<option value="#nav-profile">profile</option>
<option value="#nav-contact">contact</option>
</select>
Если заголовки не показываются, то в целом задача сводится к переключению классов .show .active
, хотя, вероятно в этом случае не будут срабатывать события show.bs.tab
и т.п., да и в целом тут bs не нужен, обычное скрытие/отображение блоков.
$("select").change(function(){
var id = $(this).val();
$(id).addClass('show active')
.siblings()
.removeClass('show active');
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="tab-content m-3" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" >home</div>
<div class="tab-pane fade" id="nav-profile" >profile</div>
<div class="tab-pane fade" id="nav-contact" >contact</div>
</div>
<select class="m-4 form-control w-25">
<option value="#nav-home">home</option>
<option value="#nav-profile">profile</option>
<option value="#nav-contact">contact</option>
</select>