JSFiddle - React, Tailwind, and code Playground

by vlit

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>

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

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

JavaScript

const selector = $('.evidence-select');

function update() {
  const value = selector.val();
  const theIndex = parseInt(value) - 1;
  
  $('.evidence-content').each(function(index, el) {
    $(el)[index === theIndex ? 'show' : 'hide']();
  });

}

selector.on('click', update);
update();


const selector2 = $('.evidence-selectt');

function update() {
  const value = selector2.val();
  const theIndex = parseInt(value) - 1;
  
  $('.evidence-contentt').each(function(index, el) {
    $(el)[index === theIndex ? 'show' : 'hide']();
  });

}

selector.on('click', update);
update();