Change color of select variation after alert Jquery - Woocommerce

change-color-of-select-variation-after-alert-jquery-woocommerce.js

jQuery(document).ready(function($){
	$('.single_add_to_cart_button, .wd-buy-now-btn').on("click change", function(e){
		if ($('.variations select').val() === "") {
			// e.preventDefault();
			alert("Seleziona le opzioni del prodotto prima di aggiungerlo al carrello.");
			$('.variations select').css({'color': 'red', 'border-color': 'red'});
			$('option').css('color','initial');
			return false;
		}
	});
	

	$('a.reset_variations').on("click change", function(e){
		$('.variations select').css({'color': 'red', 'border-color': 'red'});
		$('option').css('color','initial');
	});
	

	$('.variations select').on("click change", function(e){
		if ($('.variations select').val() !== "") {
			$('.variations select').css({'color': 'green', 'border-color': 'green'});
			$('option').css('color','initial');
		}
	});
	
	
	$('.variations select').on("click change", function(e){
		if ($('.variations select').val() === "") {
			$('.variations select').css({'color': 'red', 'border-color': 'red'});
			$('option').css('color','initial');
		}
	});
});