使用多个选择的值设置一个变量，每次任何选择被更改

Question

我有一个项目的列表，我想通过匹配选择选项的值来筛选一组4个选项到我已经应用到列表项目的类。现在，我已经开始工作了，所以每次你选择一个带有4个选择项的新选项时，整个列表都会被重置，并且只有那些类与你刚刚选择的选项的值相匹配的项才可见。我想让它工作，以便每次从4个选择中选择一个新选项时，我可以过滤所有4个选择的值，而不仅仅是刚刚更改的那个。

这就是我现在的 - 任何帮助表示赞赏！

$(".sort-options select").change(function() { 
     var topics = $(this).val(); 
     $(".list-schools li").hide().filter("." + topics).show(); 


    }); 

Answer 1

$(".sort-options select").change(function() { 
     var topics = ''; 
     $(".sort-options select").each(function() { 
      if ($(this).val()) { // Create combined class .opt1.opt2.opt3 
       topics += "."+$(this).val(); 
      } 
     }); 
     $(".list-schools li").each(function() { 
      $(this).toggle($(this).is(topics)); 
     });  
});