JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option id="x">A</option>
    <option id="y">B</option>
    <option id="z">C</option>
</select>
<div id="one" data-id="x">x</div>
<div id="two" data-id="y">y</div>
<div id="three" data-id="z">z</div>

JavaScript

$("select").change(function () {
    var id = $(this).find("option:selected")[0].id;
    //use some commaon class or use attrbute 
    //$(".commonClass").hide();
    $("[data-id]").hide()
    $("[data-id=" + id + "]").show();

}).change();