JSFiddle - React, Tailwind, and code Playground

HTML

<select name="size" id="size">
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
</select>
<p>Size is <span>small</span>.</p>

CSS

p {
    text-align: center;
}

JavaScript

$('#size').change(function() {
  var selectval = $(this).val();
  $('p span').text(selectval);
});