JSFiddle - React, Tailwind, and code Playground

by Vedant_Terkar

HTML

<select id='MYID' onChange="logger(event);" onclick="logger(event);">
    <option>First</option>
    <option>Second</option>
    <option>Third</option>
</select><br>
<span id='div'>0</span>.

JavaScript

$(document).ready(function(){
//alert($("#MYID option").length);
    $("#MYID option").each(function(){
        $(this).click(function(e){
            //alert("clicked:");
            var el=this;
            var div=document.getElementById("div");
        div.innerHTML="value="+el.value+" ";
        console.log("triggered function !! value="+$(this).val()+" ");
        });
    });    
});

$( document ).bind( "mouseenter mouseleave click mouseup mousedown keyup focus blur onchange keydown", function(e){logger(e)});

function logger(e) {
  //  alert(e.target.id+" "+e.type);
 var e=window.event||e;
    var el=(e.target? e.target : null)||null;
    if(el.id&&el.id=="MYID"){
        var div=document.getElementById("div");
        div.innerHTML="value="+el.value+" ";
        console.log("triggered function !! value="+el.value+" ");
    }
}