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

我有一个项目列表，我正试图通过将选择选项的值与我应用于列表项目的类相匹配来使用一组4个选择来“过滤”。现在，我让它工作，这样每当你选择一个新的选项和4个选项中的任何一个，整个列表都会重置，只有那些类与你刚才选择的选项的值匹配的项目才可见。我希望它能正常工作，这样每次从4个选项中选择一个新选项时，我都可以根据所有4个选项的值进行过滤，而不仅仅是刚刚更改的选项

这是我现在所拥有的-任何帮助都将不胜感激

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


    });

---

明亮的非常感谢。我非常接近，但在这部分我的语法搞乱了：topics+=“+$（this.val（）；万分感谢！！

$(".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));
      });    
});