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

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));
      });    
});