JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDropdown">
  <select id="demo-htmlselect" name="rank">
    <option value="0" selected="selected" data-imagesrc="https://i.imgur.com/wMvJ3xf.png" data-description="Rank 1 ">Rank 1</option>
    <option value="1" data-imagesrc="https://i.imgur.com/6Vc4i1q.png" data-description="Rank 2">Rank 2</option>
  </select>
  <p></p>
</div>

JavaScript

function displayVals() {
  var val = $("#demo-htmlselect").val();
  $("p").html("<b>Single:</b> " + val);
}
$(document).ready(function () {
  $("select").change(displayVals);
});