JSFiddle - React, Tailwind, and code Playground

HTML

<select id="foo">
    <option value='yellow' selected="selected" >jaune</option>
    <option value='blue'>bleu</option>
    <option value='green'>vert</option>
    <option value='pink'>rose</option>
</select>
    
<div id="screen">    
<div id="yellow"></div>
<div id="blue"></div>
<div id="green"></div>
<div id="pink"></div>
</div>

CSS

#screen > div {height: 100px; 
 display:none;}

#yellow { background-color: yellow ;}
#blue { background-color: blue;}
#green { background-color: green;}
#pink { background-color: pink ;}

JavaScript

$(function(){
  
    $('#'+ $('#foo option:selected').val()).show()
    $('#foo').on('change', function(){
       $('#screen > div').hide();
       $('#'+ $('#foo option:selected').val()).show();
        
        
    })
    
    
  })