javascript - 一旦从选择下拉列表中选择了两个选项，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

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