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>

<label for="name">Name</label>
<input id="name" type="text" />

<button id="search">search</button>

<div id="results-A"> lorem ipsum A </div>
<div id="results-B"> lorem ipsum B </div>
<div id="results-C"> lorem ipsum C </div>

JavaScript

$(document).ready(function() {
    $("#results-A").hide();
    $("#results-B").hide();
    $("#results-C").hide();

    $("#search").bind("click", function() {
        $('div').hide().eq($(':selected').index()).show();
    });

});