JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option selected>Selected</option>
    <option>Not selected</option>
</select>
<div id="console"></div>

JavaScript

$(document).ready(function () {
    var con = $('#console');
    $('select').change(function () {        
        /* change also on already selected option */
        con.append('- ' + $(this).val() + '<br/>');
        //$(this).blur();
    }).change().bind('mousedown', function () {
        this.selectedIndex = -1;
        this.selectedIndex = $(this).find('option:selected').index();
    });
});