Magento2 Hide/Show VAT field based on Country

Question

Can someone guide me on how to keep VAT field visible and required for non-USA countries and hide and not require for USA country on checkout page add address ?

I tried this way but its not working

require(['jquery'],function($){
jQuery( document ).ready(function() {
    jQuery('#co-shipping-form div[name="shippingAddress.country_id"] select').change(function(){
        var cnt = jQuery(this).val();
        if ( cnt == 'US'){
            jQuery('#co-shipping-form [name="shippingAddress.vat_id"]').hide();
        }else{
            jQuery('#co-shipping-form [name="shippingAddress.vat_id"]').show();
        }
    });
}); 
});

Thanks

Answer 1

I get your code and it's work but after any change on country_id select.

When I removed jQuery( document ).ready(function() { it's working also on first load.

require(['jquery'],function($){
    jQuery('#co-shipping-form div[name="shippingAddress.country_id"] select').change(function(){
        var cnt = jQuery(this).val();
        if (cnt == 'US'){
            jQuery('#co-shipping-form [name="shippingAddress.vat_id"]').hide();
        }else{
            jQuery('#co-shipping-form [name="shippingAddress.vat_id"]').show();
        }
    });
});

There is also second option, little more complex. You need to create 2 stores:

• first for US where you will disable VAT
• second for non US where you enable VAT

Option are availabe on:

• Catalog
  • Customer Configuration
    • Create New Account Options
      • Show VAT Number on Storefront.