JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<select id="myselect">
<option value="#f72206">Mr</option>
<option value="#7df706">Mrs</option>
<option value="#000">Ms</option>
<option value="#5866ea">Dr</option>
<option value="#8b16d5">Prof</option>
</select>

<div id="fde" class="tochange"></div>

CSS

.tochange{
    border:1px solid #000;
    width: 150px;
    height: 50px;
    background:#eee;
}

JavaScript

$('#myselect').change(function(){
var met = $( "#myselect" ).val();
    $('#fde').css({"background":met});

});