JSFiddle - React, Tailwind, and code Playground

by jamiller619

HTML

<div style="position:relative">
<select multiple="multiple">
    <option>Test 1</option>
    <option>Test 2</option>
    <option>Test 3</option>
</select>
</div>
<br />
option position:<br />
Left: <span id="pos-x"></span><br />
Top: <span id="pos-y"></span>

JavaScript

$(function()
{    
    $('select').change(function() {
        var pos = $('select option').eq(this.selectedIndex).position();
        $('#pos-x').text(pos.top);
        $('#pos-y').text(pos.left);
    });
});