JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option>One</option>
    <option>Two</option>
    <option>Three</option> 
    <option>Four</option> 
</select>

JavaScript

$("select").mouseover(function(){
    var n = $("select option").length;
    $(this).attr("size", n);
});
$("select").mouseout(function(){
    $(this).attr("size", 1);
});
$("select").on('mouseenter','option',function(e) {
    var $target = $(e.target);
    console.log($target.text());
});