JSFiddle - React, Tailwind, and code Playground

HTML

<div>
                <h2>To see a specific report, select it from the dropdown.</h2>
                <div id="sDropdown">
                <select id="myselect">
                <option value=""></option>
                <option value="option1">Option 1</option>
                <option value="option2">Option 2</option>
                <option value="option3">Option 3</option>
                <option value="option4">Option 4</option>
                </select></div><br><br>
                
                  <div class="reports">
                    <div id="option1" class="sReport">
                      <div class="textGroup"><h3>Report for option 1</h3>
                      </div>
                    <br><br>
                    </div>
                    <div id="option2" class="sReport">
                      <div class="textGroup"><h3>Report for option 2</h3>
                      </div>
                    <br><br>
                    </div>
                    <div id="option3" class="sReport">
                      <div class="textGroup"><h3>Report for option 3</h3>
                      </div>
                    <br><br>
                    </div>
                    <div id="option4" class="sReport">
                      <div class="textGroup"><h3>Report for option 4</h3>
                      </div>
                    <br><br>
                    </div>
                  </div>
                </div>

CSS

.sReport {
    display:none;
}

JavaScript

$('#myselect').on('change',function(){
  var myvalue = $('#myselect').val();
  $('#'+myvalue).show();
  });