JSFiddle - React, Tailwind, and code Playground

HTML

<select id="mySelect" MULTIPLE SIZE=5>
    <option id="alex">Alex</option>
    <option>James</option>
    <option>Thoams</option>
    <option id="clickMe">click me</option>
</select>
        
<p>Item selected: <span /></p>

CSS

#clickMe{display:inline;}


p{margin-top:30px;}

JavaScript

$("select").dblclick(function () {
  var str = "";
  $("select option:selected").each(function () {
    str += $(this).text() + " ";
  });
  $("span").text(str);
})
.trigger('change');