JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    $("#con").on("click",function()
{
 $("select#ShippingMethod option").each(function()
    {
       
       if($(this).val().length<1)
       {
           $("div.msg").html("<p style='color:red'>Validation Failed<p>");
           $('<div>').delay(3000).queue(function()
           {
                $("div.msg").hide();         
               $(this).dequeue(); 
           });
       }
            
    });       
                     
});
</script>

<div class="ship-options">
<label for="ShippingMethod">Shipping Method</label>
<select id="ShippingMethod" name="ShippingMethod" >
  <option value="">Choose Shipping Method</option>
  <option value"UPS-GROUND">UPS GROUND</option>
  <option value"UPS-1DAY">UPS 1DAY</option>
  <option value"UPS-2DAY">UPS 2DAY</option>
    </select>
    <div id="ship-msg"><div class="msg">  display the error messgae here </div>
</div>

<div class="pay-options">
<label for="PaymentMethod">Payment Method</label>    
<select id="PaymentMethod" name="PaymentMethod" >
  <option value="">Choose Paymenet Method</option>
  <option value"VISA">VISA</option>
  <option value"MASTERCARD">MASTERCARD</option>
  <option value"AMEX">AMERICAN EXPRESS</option>
</select>
 <div id="pay-msg"><div class="msg">  </div>
</div>
<input type="button" value="Continue" id="con" />