JSFiddle - React, Tailwind, and code Playground

HTML

<select id="dropdown">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
</select>

JavaScript

$('#dropdown').on('click',function(e){
    if(this.dropMenu)
    {
        if(e.pageY < 0)
        {
            alert(this.value)
            console.log(this.value)
        }
        this.dropMenu=false;
    }
    else
    {
        this.dropMenu=true;
    }
})
$('#dropdown').on('blur',function(){
    this.dropMenu=false;
})