Problème actualisation tableau à l'aide d'un <select>
Résolu/Fermé
Pépito
-
13 juin 2016 à 23:33
jordane45 Messages postés 38197 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 30 mai 2024 - 14 juin 2016 à 11:26
jordane45 Messages postés 38197 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 30 mai 2024 - 14 juin 2016 à 11:26
A voir également:
- Problème actualisation tableau à l'aide d'un <select>
- Tableau croisé dynamique - Guide
- Tableau ascii - Guide
- Tableau word - Guide
- Le fichier contient un tableau présentant un extrait des livres les plus prêtés à paris en 2016. filtrez le tableau pour ne faire apparaître que les bandes dessinées ado. puis filtrez le tableau pour ne faire apparaître que celles dont l'auteur est zep. quel est le titre de la bande dessinée ado de zep qui a été la plus prêtée d'après ce tableau ? ✓ - Forum Windows 10
- L'indice n'appartient pas à la sélection vba - Forum VB / VBA
1 réponse
jordane45
Messages postés
38197
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
30 mai 2024
4 675
14 juin 2016 à 01:06
14 juin 2016 à 01:06
Bonjour,
Un truc du genre :
Un truc du genre :
<!DOCTYPE html> <html> <HEAD> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> </HEAD> <BODY> <select id='choixevent'> <option value='event1'>event1</option> <option value='event2'>event2</option> <option value='event3'>event3</option> </option> </select> <table id="table-audio-library" class="table table-hover table-condensed"> <thead> <tr> <th>{{ 'name' | trans }}</th> <th>{{ 'languages' | trans }}</th> <th>{{ 'duration' | trans }}</th> <th>{{ 'author' | trans }}</th> <th>{{ 'createdAt' | trans }}</th> <th>{{ 'publicFile' | trans }}</th> <th>{{ 'currrentUse' | trans | capitalize }}</th> <th class="th-actions">{{ 'actions' | trans }}</th> {#<th style="display:none;">{{ 'id' }}</th>#} </tr> </thead> <tbody> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td class='cell-current-use'><span>event1</span></td><td>1</td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td class='cell-current-use'><span>event1</span></td><td>2</td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td class='cell-current-use'><span>event2</span></td><td>3</td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td class='cell-current-use'><span>event2</span></td><td>4</td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td class='cell-current-use'><span>event2</span></td><td>5</td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td class='cell-current-use'><span>event3</span></td><td>6</td> </tr> </tbody> </table> <script type="text/javascript"> $("#choixevent").change(function(){ var event = $(this).val(); //on masque toutes les lignes du tableau $("td.cell-current-use").parent().css('display','none'); //on affiche que celles dont le span contenu dans une td ayant comme style curen-use a le text équivalent à l'event selectionné $("td.cell-current-use span:contains('"+event+"')" ).parent().parent().css('display','block');; }); </script> </body> </html>
14 juin 2016 à 11:09
14 juin 2016 à 11:26
Merci de ne pas oublier de clôturer le sujet
(en cliquant sur le lien "Marquer comme résolu" qui se trouve sous le titre de la question)
Cordialement,
Jordane