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:
• | Cursussoort |
• | Locatie |
• | Vakgebied |
De shortcode genereert een lijst van comboxen. Een shortcode [co-filter] dient altijd te worden opgevolgd door een shortcode [co-offerlist].
Door de gewenst 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>