JSFiddle - React, Tailwind, and code Playground

HTML

<select id="drop">
  <option value="">--select--</option>
    <option value="volvo">Volvo</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<div id="volvo">u have selected volvo</div>
<div id="mercedes">u have selected mercedes</div>
<div id="audi">u have selected audi</div>

CSS

div{display:none;
width:40%;
background-color:#EBFFC2;
border-radius:5px;}

JavaScript

$(document).ready(function(){
$('#drop').change(function () {
        if ($('#drop option:selected').text() == "Volvo"){
            $('div').hide();
            $('#volvo').show();
        } else if ($('#drop option:selected').text() == "Mercedes"){
            $('div').hide();
            $('#mercedes').show();
        } else if ($('#drop option:selected').text() == "Audi"){
            $('div').hide();
            $('#audi').show();
        } else {
            $('div').hide();
        } });
});