JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/13016276/can-jquery-tell-if-the-options-of-a-select-element-are-currently-displayed

by RASG

HTML

<div id="container">
    <select id="sselect">
        <option value="1st">1st</option>
        <option value="2nd">2nd</option>
        <option value="3rd">3rd</option>
    </select>
</div>

<br><br>

<div id="ddiv"></div>

CSS

body {margin:1em}
#container {text-align:center}
#ddiv {display:none; width: 90%; height: 200px; border:1px solid red;}

JavaScript

$('#sselect')
    .on('keyup', function() { $('#ddiv').show().text($(this).val()) })
    .on('mouseenter', 'option', function() { $('#ddiv').show().text($(this).val()) })
    .on('mouseleave', function() { $('#ddiv').hide() })