JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<select name="model" id="model">
<option>choose option</option>
<option val="1.5inces">1.inches</option>
</select>

<select id="designation" title="Designation" name="designation" style="display:none">
  <option value="">Choose Option..</option>
  <option value="12">12</option>
  <option value="23">23</option>
 
</select>

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

JavaScript

jQuery("#model").on("change",function(){
		alert(jQuery("#designation").val());
})

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");
});