Как переключать TABS через SELECT?

Question

[Sea_Str1der]

<select class="form-control" id="tabSelect">
        <option data-target="#pills-0">Пункт 1</option>
        <option data-target="#pills-1">Пункт 2</option>
        <option data-target="#pills-2">Пункт 3</option>
        <option data-target="#pills-3">Пункт 4</option> 
</select>

<div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade show active" id="pills-0">Tab-1</div>
        <div class="tab-pane fade" id="pills-1" role="tabpanel">Tab-2</div>                             
        <div class="tab-pane fade" id="pills-2" role="tabpanel" >Tab-3</div>
        <div class="tab-pane fade" id="pills-3" role="tabpanel" >Tab-4</div>
</div>

Answer 1

[Сергей delphinpro]

https://getbootstrap.com/docs/5.2/components/navs-...
на селекте слушать onchage, а там уже триггерить нужный таб, в зависимости от выбранной опции

Comments

[Sea_Str1der]

Спасибо! Буду пробовать, только осваиваю JavaScript