JSFiddle - React, Tailwind, and code Playground

HTML

<div id="option_1" class="zzz">
<table>
<thead>
<tr>aaaaa</tr></thead>
</table></div

<div id="option_2" class="zzz">
<table>
 <thead>
<tr>bbbbb</tr></thead>
</table></div>

<div id="option_3" class="zzz"><table>
<thead>ccccc</thead>
</table></div>

<div id="option_4" class="zzz">qwerty</div>
<select id="selectMe">
  <option value="option_1">option1</option>
  <option value="option_2">option2</option>
  <option value="option_3">option3</option>
  <option value="option_4">option4</option>
</select>

JavaScript

$(document).ready(function () {
  $('.zzz').hide();
  $('#option_1').show();
  $('#selectMe').change(function () {
    $('.zzz').hide();
    $('#'+$(this).val()).show();
  })
});