jquery一旦從選擇下拉列表中選擇了兩個選項運行代碼

Question

我有2個選擇下拉菜單。一旦從兩個菜單中選擇一個選項，我想添加一個類。

$('#size').change(function(){ 
     if ($(this).val() > 0) { 
       $('#pizza').addClass('pizzaImage'); 
     } 

    }); 

    $('#crust').change(function(){ 
     if ($(this).val() > 0) { 
       $('#pizza').addClass('pizzaImage'); 
     } 


    }); 

這是我的代碼到目前爲止，它在我從中選擇一個選項時起作用。基本上我想把它們放在一起，我只是不知道這樣做的語法。我也試過這個，但沒有結果。

var size = $('#size') 
var crust = $('#crust') 

function image() { 
    if ((crust).val > 0 && (size).val > 0) { 
    $('#pizza').addClass('pizzaImage'); 
    } 
} 

Answer 1

我會通過增加兩者之間的共同類，以使其更容易的功能結合在同一時間兩個選擇元素開始。也許像pizzaOptions。然後，你可以做這樣的事情：

$(".pizzaOptions").on("change", function(){ 
    var sizeSelected = $("#size").val() !== ""; 
    var crustSelected = $("#crust").val() !== ""; 

    if(sizeSelected && crustSelected){ 
     $('#pizza').addClass('pizzaImage'); 
    } 
}); 

Answer 2

var $selects = $('#size, #crust'); 
$selects.change(function(){ 
    var bothSelected = this.value && $selects.not(this).val(); 
    $("#pizza").toggleClass("pizzaImage", bothSelected); 
});