JSFiddle - React, Tailwind, and code Playground

HTML

<select id='arc'>
    <option>one</option>
    <option>two</option>
    <option>three</option>
</select>

Current Value: <span></span>

CSS

span { color: red;}

JavaScript

// call the changed function on document ready
// to get the 'default' value
$(function() {
    selectionChanged();
});

// hook up the change event of the select box
$('#arc').bind('change keydown keyup', function() {
    setTimeout(function() {
        $('span').html($('select').val());
    }, 20);
});

// event handler for the change event
function selectionChanged(e) {
    $('span').html($('select').val());
}