JSFiddle - React, Tailwind, and code Playground

HTML

<select> 
    <option value="hello">Hello</option>
    <option value="goodbye">Goodbye</option>
</select>
<span>my name is</span>
<select> 
    <option value="rick">Rick</option>
    <option value="bobby">Bobby</option>
</select>
<span>, nice to meet you.</span>

CSS

*{font-family:sans-serif;font-size:15px}

.jsselect{color: #3084CA;text-decoration:underline;border:none;-webkit-appearance:none;padding:0 2px;cursor:pointer;}

JavaScript

$('select').each(function(){
    var width = $('option[value='+$(this).val()+']').html();
    $('body').append('<span id="'+$(this).val()+'" style="display:none">'+width+'</span>');
    var two = $('#'+$(this).val()).width();
    $(this).width(two+4).addClass('jsselect');
  });
  
  $('select').change(function(){
    var width = $('option[value='+$(this).val()+']').html();
    $('body').append('<span id="'+$(this).val()+'" style="display:none">'+width+'</span>');
    var two = $('#'+$(this).val()).width();
    $(this).width(two+4);
  });