JSFiddle - React, Tailwind, and code Playground

HTML

<select id="test">
  <option value="0">Первая</option>
  <option value="1">Вторая</option>
  <option value="2">Третья</option>
</select>

<div id="test_hide0" class="tab_select">Первое содержимое</div>
<div id="test_hide1" class="tab_select none">Второе содержимое</div>
<div id="test_hide2" class="tab_select none">Третье содержимое</div>

<div id="test_hide0" class="tab_select">Первое содержимое</div>
<div id="test_hide1" class="tab_select none">Второе содержимое</div>
<div id="test_hide2" class="tab_select none">Третье содержимое</div>

CSS

.none {
  display: none
}

.tab_select {
  margin-top: 15px;
}

JavaScript

$('#test').change(function() {
  value = $(this).find('option:selected').val();

  $('div[id^="test_hide"]').hide();
  $('#test_hide' + value).show();
});