如何将此过滤器选择框更改为仅链接按钮?

时间:2018-07-25 14:33:24

标签: javascript jquery html

如何将此过滤器选择框更改为仅链接按钮?我该怎么办?

如何将此过滤器选择框更改为仅链接按钮? 如何将此过滤器选择框更改为仅链接按钮? 如何将此过滤器选择框更改为仅链接按钮? 如何将此过滤器选择框更改为仅链接按钮?

$("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>

0 个答案:

没有答案