JSFiddle - React, Tailwind, and code Playground

by dixalex

HTML

<select id="select">
  <option id="someid1" name="1" class="someclass">Option 1</option>
  <option id="someid2" name="2" class="someclass">Option 2</option>
</select>

CSS

.darkblue {
    background-color:skyblue;
    color: pink;
}

JavaScript

//Drop down event mitigation
//http://stackoverflow.com/questions/31798122/javascript-on-change-not-working-on-object-html-select-element

$('#select').change(function(){    console.log($(this).find('option:selected').attr('name'));
    alert($(this).find('option:selected').attr('name'));
    $(this).find('option:selected').addClass('darkblue').siblings().removeClass('darkblue');
});