co-filter (gevorderd)

De shortcode [co-filter] creëert  de mogelijkheid om het aanbod van een [co-offerlist] te filteren op basis van een gebruikersselectie met behulp van comboboxen.

Er kan een filter worden toegepast op de volgende gerelateerde velden:

De shortcode genereert een lijst van comboxen. Een shortcode [co-filter] dient altijd te worden opgevolgd door een shortcode [co-offerlist].
Door de gewenste waarden te selecteren in de comboboxen wordt het resultaat van de [co-offerlist] gefilterd.

[co-filter]

[co-offerlist]

<form id="co-filter-form" action="/test/" method="post">
  <p>
    Cursussoort:
    <br>
    <select id="co-category-filter" class="co-category-filter co-filter-combo" name="cf_category" "="">
      <option selected="" value="">Alles</option>
      <option value="BHV Basis">BHV Basis</option>
      <option value="Carta">Carta</option>
      <option value="CO Certificering">CO Certificering</option>
      <option value="Congres">Congres</option>
      <option value="DLP-Register">DLP-Register</option>
      <option value="EHBO">EHBO</option>
      <option value="PAO">PAO</option>
      <option value="Reanimatie">Reanimatie</option>
      <option value="Zelfplan">Zelfplan</option>
      <option value="Onbekend">Onbekend</option>
    </select>
  </p>
  <p>
    Locatie:
    <br>
    <select id="co-location-filter" class="co-location-filter co-filter-combo" name="cf_location" "="">
      <option selected="" value="">Alles</option>
      <option value="Achmea kenniscentrum">Achmea kenniscentrum</option>
      <option value="De Breul">De Breul</option>
      <option value="Hilton Soestduinen">Hilton Soestduinen</option>
      <option value="Hoenderdaal">Hoenderdaal</option>
      <option value="Hotel Mijdrecht">Hotel Mijdrecht</option>
      <option value="Rotterdam Noord">Rotterdam Noord</option>
      <option value="Rotterdam Zuid">Rotterdam Zuid</option>
      <option value="Utrecht">Utrecht</option>
      <option value="Onbekend">Onbekend</option>
    </select>
  </p>
  <p>
    Vakgebied:
    <br>
    <select id="co-field-filter" class="co-field-filter co-filter-combo" name="cf_field" "="">
      <option selected="" value="">Alles</option>
      <option value="Zorg">Zorg</option>
      <option value="Onbekend">Onbekend</option>
    </select>
  </p>
</form>