JSFiddle - React, Tailwind, and code Playground

HTML

options:
<select id='selection'>
    <option>Car</option>
    <option>Plane</option>
    <option>Boat</option>
</select>
<div id='car' class='op'>you have chosen a car</div>
<div id='plane' class='op'>you have chosen a plane</div>
<div id='boat' class='op'>you have chosen a boat</div>

CSS

#plane {
    display: none;
}
#boat {
    display: none;
}
#car {
    display: none;
}

JavaScript

$(document).ready(function () {
    $('#' + $('#selection option:selected').text().toLowerCase()).show();
    $('#selection').change(function () {
        $('.op').hide();
        $('#' + $('#selection option:selected').text().toLowerCase()).show();
    });
});