JSFiddle - React, Tailwind, and code Playground

HTML

<section class="container"> 
<h2>Change Event Example</h2>
<select id="option" name="actors" >    
  <option>Value #1</option>    
  <option selected="selected">Value #2</option>    
  <option>Value #3</option>    
  <option>Value #4</option>    
  <option>Value #5</option>    
  <option>Value #6</option>    
</select>    
<div id="content"></div>
</section>

CSS

div {    
    color: brown;
    margin-top:10px;
    font-weight:bold;
  }
  section{max-width:450px;margin:0 auto;border:1px solid grey;background:#5AB0A6;padding:40px;text-align:center;}

JavaScript

$( "select" ) .change(function () {    
document.getElementById("content").innerHTML="selected Value: "+document.getElementById("option").value;  
});