JSFiddle - React, Tailwind, and code Playground

by Phil Everton

HTML

<select id="MyID">
    <option value="1" selected>1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<span id="display"></span>

JavaScript

var go = false;//switch off
$('#MyID').on('focus active click',function() {//on focus/active
    doit($(this));//do it
}).on('change', function() {
    go=true;//go
    doit($(this));//and doit
}).on('blur', function() { go = false; });//switch off on blur

function doit(el) {
    if (go) {//if go
        //do stuff here with el.val()
        $('#display').html(el.val());//testing
        console.log(el.val());//testing
        go = false;//switch off
    } else {go=true}//else go
}