Problème script multi filtre sur un tableau

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
FHdesign
Messages : 1
Enregistré le : 25 janv. 2018, 12:04

Problème script multi filtre sur un tableau

Message par FHdesign » 25 janv. 2018, 13:13

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.

place au script qui me joue des tour:

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>

<--------------------------------------------------- dans le pied de page je colle ------------------------------------------------------------------>

$('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();
});

<----------------------------------------------------------mon tableau ------------------------------------------------------->

ma ligne de récupération des champs:

<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)'); ?>" >

Et comme il peut y avoir plusieurs "species" variétés, cela ne fonctionne pas...

Exemple : <tr data-categorie="growth" data-sous-categorie="Empirical growth & Yield models" data-species="Betula, Picea abies, Pinus sylvestris" >


Voilà j'ai expliqué mon problème, je cherche depuis cette nuit :x merci

Avatar du membre
Frosty
Messages : 116
Enregistré le : 20 juil. 2017, 13:23
Localisation : Grenoble

Re: Problème script multi filtre sur un tableau

Message par Frosty » 25 févr. 2018, 13:28

Bonjour,
Désolé pour le temps de réponse, ce forum n'est pas très actif pour le moment.
Comment voudrais tu que ton programme fonctionne lorsqu'un élément à lister correspond à plusieurs espèces ?
Si une des espèces correspond à celle qui a été sélectionnée, on affiche l'élément ?
Ou bien faut-il transformer le <select id="species"> en "select multiple" et n'afficher que les éléments dont les espèces correspondent exactement à la liste des espèces sélectionnées ?

Cela dit depuis 1 mois, tu as probablement déjà résolu ton problème, dans ce cas ça peut être sympa de partager tes conclusions/découvertes ici.

Répondre