如何将此过滤器选择框更改为仅链接按钮?我该怎么办?
如何将此过滤器选择框更改为仅链接按钮? 如何将此过滤器选择框更改为仅链接按钮? 如何将此过滤器选择框更改为仅链接按钮? 如何将此过滤器选择框更改为仅链接按钮?
$("select.filterby").change(function(){
var filters = $.map($("select.filterby").toArray(), function(e){
return $(e).val();
}).join(".");
$("div#FilterContainer").find("div").hide();
$("div#FilterContainer").find("div." + filters).show();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Filtr: </p>
<select class="filterby">
<option value="all"><h5>Pokaż wszystkie</h5></option>
<option value="1"><h5>Studia Podyplomowe</h5></option>
<option value="2"><h5>Studia Podyplomowe dla nauczycieli</h5></option>
</select>
<p>Lokalizacja: </p>
<select class="filterby">
<option value="all"><h5>Wszystkie</h5></option>
<option value="poznan"><h5>Poznań</h5></option>
<option value="gdansk"><h5>Gdańsk</h5></option>
<option value="kalisz"><h5>Kalisz</h5></option>
<option value="katowice"><h5>Katowice</h5></option>
</select>
<br><br>
<div id="FilterContainer">
<div class="all 1 poznan">Poznań Podyplomowe</div>
<div class="all 1 poznan">Poznań Podyplomowe</div>
<div class="all 1 gdansk">Gdańsk Podyplomowe</div>
<div class="all 2 kalisz">Kalisz Podyplomowe dla nauczycieli</div>
<div class="all 2 katowice">Katowice Podyplomowe dla nauczycieli</div>
<div class="all 2 poznan">Poznań Podyplomowe dla nauczycieli</div>
<div class="all 1 kalisz">Kalisz Podyplomowe</div>
<div class="all 1 kalisz">Kalisz Podyplomowe</div>
<div class="all 1 katowice">Katowice Podyplomowe</div>
<div class="all 2 gdansk">Gdańsk Podyplomowe dla nauczycieli</div>