JSFiddle - React, Tailwind, and code Playground

HTML

<select name="product" value="" id="product" class="required" >
    <option value=""> -- Select --</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="Free">Free</option>
 </select><br><br>
								
							
                          
      <select name="license" value="" id="license" >
    <option value=""> -- Select --</option>
 <option value="1">1</option>
 <option value="2">2</option>
  <option value="3">3</option>
 </select>

JavaScript

$('#product').on('change',function(){

  if($(this).val()!=='Free'){

   $("#license option:selected").remove();
   $("#license").append("<option value=''> -- Select --</option>").attr('selected','selected');
   $("#license").append("<option value='1'>1</option>").val('1');
   $("#license").append("<option value='2'>2</option>").val('2');
   $("#license").append(" <option value='3'>3</option>").val('3');
    }else{
   $("#license").find('option').remove().end().append("<option value='free'>    Free</option>").val('free');
    }              
   });