mehrere Auswahlbox Filter einblenden ausblenden div

Question

Ich versuche, eine Seite Filter erstellen div zeigen auszublenden basierend auf Dropdown-Werte kombinieren, für die einige Seite hatte zwei Auswahlboxen und einige hatten drei Auswahlboxen Kombination und nach jeder Wert aus der Auswahl Wählen Sie Boxen aus, die ein bestimmtes div ein- oder ausblenden soll. Ich hatte etwas Glück, um am Punkt zu erreichen, aber ich konnte nicht weiter kommen. Bitte helfen Sie mir.

$(".submit-button-filter").click(function() { 
     $(function(){ 

     var places = $("#places").val(); 
     var zones = $("#zones").val(); 
     var stories = $("#stories").val(); 
     var year = $("#year").val(); 
     var month = $("#month").val(); 
     var filters= [places, zones, stories, year, month]; 
     console.log(filters); 

     if(year == 'Year' && month == 'Month'){ 
      alert("Select Filer value"); 
     } 
     else if(year == 'Year' || month == 'Month'){ 
      alert("Select combine Filer value"); 
     } 
     else{ 
      $('.row-sort').hide(); 

     } 

     }); 
    }); 

Here is fiddle for my code

Answer 1

Sie auf den Dropdown ausgewählten Wert sind das Abrufen aber erste Option in der select-Tag nicht Wert-Attribut versuchen so unter Code

var year = $("#year :selected").text(); 
var month = $("#month :selected").text(); 

Answer 2

Sie müssen nur durch die einzelnen div iterieren mit Klasse row-sort und überprüfen Sie, ob die ausgewählten Optionen als Klassen in diesen divs verfügbar sind. Wenn ja, zeige sie einfach.

$(".submit-button-filter").click(function() { 
     $('.row-sort').hide(); // hide all divs 

     var year = $("#year").val(); 
     var month = $("#month").val(); 
     var filters= [year, month]; 

     if(year == 'Year' && month == 'Month'){ 
      alert("Select Filer value"); 
     } 
     else if(year == 'Year' || month == 'Month'){ 
      alert("Select combine Filer value"); 
     } 
     else 
     { 
      $('.row-sort').each(function() 
      { 
      if($(this).hasClasses(filters)) 
       $(this).show(); 
      });   
     } 
    }); 

// user defined function to check for multiple classes using hasClass 
$.fn.extend({ 
     hasClasses: function (selectors) { 
     var self = this; 
     for (var i in selectors) { 
      if ($(self).hasClass(selectors[i])) 
       return true; 
     } 
     return false; 
    } 
}); 

Arbeitsbeispiel: https://jsfiddle.net/DinoMyte/p4ow1h7f/5/