JSFiddle - React, Tailwind, and code Playground

by tredio

HTML

<select id="combo">    <option>asdasdssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssa</option>
  <option>dsds</option>
</select>

<span class="test">dsaasd</span>

CSS

#combo,.test{ font:12px Verdana,serif;}
.test{ display:none;}

JavaScript

$(function(){
    $('#combo').change(function(){
        var val = $(':selected', this).text();
        $(this).css('width', $('.test').text(val).width()+32);
    }).trigger('change');
});