JSFiddle - React, Tailwind, and code Playground

by Vetrivel Samidurai

HTML

<select id="country">
 <option value="India">India</option>
 
 <option value="AUS">AUS</option>
</select>


    
    <select id="product_type">
 <option value="1">Item1</option>
 <option value="2" class="hi" disabled="disabled">Item2</option>
 <option value="3">Item3</option>
</select>


<div id="new_d" style="display:none">
 <select id="product_type2"></select>
</div>

JavaScript

$(document).on('change', '#country', function(){


var $newHTML = $('#product_type').clone();
$('#product_type').empty();
$("#product_type").append($newHTML.find('[disabled="disabled"]').remove().end().html());
//$("#new_d").show();
//$("#product_type").hide();

});