JSFiddle - React, Tailwind, and code Playground

HTML

<div>
       <span>Click me</span>
       <select id="ddr">
           <option value="1" selected="selected">1</option>
           <option value="2">1</option>
           <option value="3">3</option>
           <option value="4">4</option>
       </select>
    </div>

JavaScript

$('span').on('click', function () {
   //$('select').focus().get(0).dispatchEvent(doClick());
    var dropdown = $('select')[0];
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    dropdown.dispatchEvent(event);
});