JSFiddle - React, Tailwind, and code Playground

HTML

<select id="mySelect">
<option value="1">First</option>
<option value="2">Second</option>
<option value="3">Third</option>
</select>


<button id="search">search</button>
<div id="results">
  <div id="results-A"> lorem ipsum 1</div>
  <div id="results-B"> lorem ipsum 2</div>
  <div id="results-C"> lorem ipsum 3</div>
</div>

JavaScript

$("#results-A").hide();
$("#results-B").hide();
$("#results-C").hide();

$("#search").click(function() {
    var value = parseInt($("#mySelect").val()) -1;
    $("#results").children().hide().eq(value).show();
})