@Sea_Str1der

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

<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>
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
https://getbootstrap.com/docs/5.2/components/navs-...
на селекте слушать onchage, а там уже триггерить нужный таб, в зависимости от выбранной опции
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы