JSFiddle - React, Tailwind, and code Playground

by Harsh Kansagara

JavaScript

$(function(){
	$('#preferencedropdown').hide();
    $('#preferencecheckbox').hide();
	checkCountry();
    $('select[name="country"]').on('change',function(){
       checkCountry();
    });
	function checkCountry(){
		var countryId = $('select[name="country"]').val();
		console.log(countryId);
		if(countryId=='GR' || countryId == 'CY'){
            $('#preferencedropdown').show();
            $('#preferencecheckbox').hide();
			$('select[name="emailOptin"]').prop('required',true)
        }
        else{
			$('select[name="emailOptin"]').prop('required',false)
            $('#preferencedropdown').hide();
            $('#preferencecheckbox').show();
        }
	}
})