0

Как с помощью тега select при выборе option можно вывести нужный div?

<select>
  <option value="one">Один</option>
  <option value="two">Два</option>
  <option value="three">Три</option>
</select>
<div id="one">Текст 1</div>
<div id="two">Текст 2</div>
<div id="three">Текст 3</div>

1 ответ 1

0

$(function() {
  $('#select').change(function() {
    $('.hide').hide();
    $('#' + $(this).val()).show();
  });
});
.hide {
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="select">
  <option value="option">Выбрать / Всё спрятать</option>
  <option value="one">Один</option>
  <option value="two">Два</option>
  <option value="three">Три</option>
</select>
<div id="one" class="hide">Текст 1</div>
<div id="two" class="hide">Текст 2</div>
<div id="three" class="hide">Текст 3</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.