JSFiddle - React, Tailwind, and code Playground

HTML

<select onfocus="this.selectedIndex = -1;">
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>
<div id="log">
</div>

CSS

#log{
    margin-left:50px;
}

#log :first-child{
    color: #00F;
}

JavaScript

$(function(){
    var log = $('#log');
    $('select').alwaysChange(function(val){
        print('SELECTED '+ val);
    });
    
    function print(text){
        log.prepend('<p>' + text + '</p>');
    }
});




$.fn.alwaysChange = function(callback){
    return this.filter('select').each(function(){
    	var elem = this;
        var $this = $(this);
        
        $this.change(function(){
            callback($this.val());
        }).focus(function(){
           	elem.selectedIndex = -1;
            elem.blur();
        });
    });
}