JSFiddle - React, Tailwind, and code Playground
HTML
<select name="user_type" id="user_type">
<option value="select" selected="selected">Please Choose An Option</option>
<option value="PRIVATE OWNER">PRIVATE OWNER</option>
<option value="TRADER">TRADER</option>
</select>
<select name="package_type" id="package_type">
<option value="">Please Choose An Option</option>
<option value="SINGLE ENTRY">SINGLE ENTRY</option>
<option value="FEATURED ENTRY">FEATURED ENTRY</option>
<option value="STANDARD">STANDARD</option>
<option value="ULTIMATE">ULTIMATE</option>
</select>
JavaScript
$('#user_type').change(function(){
// detach all options
$('#package_type option').detach();
// if value is '' then append the default - else append the correct options
// alert($("#user_type :selected"). val());
if($("#user_type :selected"). val()=="select"){
$('#package_type').attr("disabled", false);
}else{
$('#package_type').attr("disabled", true);
}
});