JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<select name="Selectmenu" class="evidence-select">
  <option value="1">Один</option>
  <option value="2">Два</option>
  <option value="3">Три</option>
</select>

<div class="evidence-content">Один</div>
<div class="evidence-content">Два</div>
<div class="evidence-content">Три</div>

JavaScript

/**
 * для вопроса https://qna.habr.com/q/951903
 * Как при выборе значения Select показывать или скрывать блок?
 */
const items = document.querySelectorAll('.evidence-content');

const selector = document.querySelector('.evidence-select');

const render = () => {
  const index = +selector.value - 1;
  for (let i = 0; i < items.length; i++) {
    items[i].style.display = (i === index) ? 'block' : 'none';
  }
}

selector.addEventListener('input', render);
render();