Bonjour,
Après avoir conçu un custom_post sur "Wordpress , j'ai crée une page d'affichage pour les lister.
Ensuite j'ai collé un script multi-filtre qui fonctionne à merveille tant que la champs à filtré n'a pas plusieurs objet en même temps.
J'ai collé un script permettant de filtré en instantané
Category : <select id="categorie">
<option value="">All</option>
<option value="growth">Growth</option>
<option value="mushrooms">Mushrooms</option>
<option value="berries">Berries</option>
<option value="Biomass">Biomass</option>
<option value="carbon accounting">carbon accounting</option>
</select>
Subcategory: <select id="sous-categorie">
<option value="">All</option>
<option value="Process based models">Process-based</option>
<option value="Empirical growth & Yield models">Empirical</option>
</select>
Species : <select id="species">
<option value="">All</option>
<option value="20 main species of Europe">20 main species of Europe</option>
<option value="Abies alba">Abies alba</option>
<option value="Alectoria sarmentosa">Alectoria sarmentosa</option>
<option value="Alnus glutinosa">Alnus glutinosa</option>
<option value="Arbutus unedo">Arbutus unedo</option>
</select>
<------------------------------------------------------------------------------------pied de pages------------------------------------------------------------------------->
$('select').change(function(){
var valCategorie = $('#categorie').val();
var valSouscategorie = $('#sous-categorie').val();
var valSpecies = $('#species').val();
var dataCategorie = (valCategorie == '') ? '' : '[data-categorie="'+valCategorie +'"]';
var dataSouscategorie = (valSouscategorie == '') ? '' : '[data-sous-categorie="'+valSouscategorie +'"]';
var dataSpecies = (valSpecies == '') ? '' : '[data-species="'+valSpecies +'"]';
$('tr').hide();
$('tr'+dataCategorie+dataSouscategorie+dataSpecies).show();
});
<----------------------------------------------------------------------------Ligne de table----------------------------------------------------->
<tr data-categorie="<?php the_field('categoryf'); ?><?php the_field('category2'); ?>" data-sous-categorie="<?php the_field('model-type'); ?>" data-species="<?php the_field('species_(multi_select)3'); ?><?php the_field('species_(multi_select)'); ?>" >
<----------------------------------------------------------------------------Ligne de table en sorti----------------------------------------------------->
<tr data-categorie="growth" data-sous-categorie="Empirical growth & Yield models" data-species="Betula, Picea abies, Pinus sylvestris" >
et qu'a partir de ce moment la j'ai beau selectionner "chien" dans mon filtre, si le champs renvoie chien, chat il ne sera pas selectionné .