JSFiddle - React, Tailwind, and code Playground

HTML

<select id="designation" title="Designation" name="designation">
  <option value="">Choose Option..</option>
  <option value="1">Educator</option>
  <option value="2">Student Subscriber</option>
  <option value="3">Adult Subscriber</option>
</select>

<div id="r"></div>

JavaScript

jQuery("#designation option").each(function(i, e) {
  (jQuery("<input type='radio' name='r' />")
    .attr("value", jQuery(this).val())
    .attr("checked", i == 0)
    .click(function() {
      jQuery("#designation").val(jQuery(this).val());
    }).add($("<label>"+ this.textContent +"</label>")))
    .appendTo("#r");
});