exemple jquery de filtrage des données de table via la sélection de liste de sélection box_jquery

jquery filtre les données du tableau via la zone de sélection de la liste de sélection

Données du tableau

Copier le code Le code est le suivant :

"
" Nom
"        🎜>                                                                  dan                                          /tr>
                                                🎜>                                                                          >



Code de filtrage JS, où select est généré dynamiquement




Copier le code


Le code est le suivant :


$("#example > thead th").each(function(i) {
$("").attr("data-index", i).html( $( "")).change(function() {                                                                                                                [], children = $(this).children(); children.each(function(i) {

var value = $("select[data-index='" i "']"). val();
if (value == $(this).text() || value == ""). comb.push(1);

}); return comb.length != children.length; }).hide(); }).appendTo("body");});$("#example > tbody tr").each( function() { $(this).children().each(function(i) {

var that = $(this);

var select = $("select[data-index=' " i "']");
         if (!select.children().filter(function() {
                                                                                                                                                                                     ).                                        });

Étiquettes associées：

过滤表格数据 select列表选择框

source：php.cn

Article précédent：Utilisez JS natif pour encapsuler les effets de glissement d'applications Web (glissade inertielle, rebond coulissant)_compétences Javascript Article suivant：Effet d'invite contextuelle lorsque jquery supprime des données records_jquery

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

• Qu'est-ce qu'une NullPointerException et comment y remédier ?
  2024-10-22 09:46:29
• De novice à codeur : votre voyage commence par les principes fondamentaux du C
  2024-10-13 13:53:41
• Débloquer le développement Web avec PHP : guide du débutant
  2024-10-12 12:15:51
• Démystifier C : un chemin clair et simple pour les nouveaux programmeurs
  2024-10-11 22:47:31
• Libérez votre potentiel de codage : programmation C pour les débutants absolus
  2024-10-11 19:36:51
• Libérez votre programmeur intérieur : C pour les débutants absolus
  2024-10-11 15:50:41
• Automatisez votre vie avec C : scripts et outils pour les débutants
  2024-10-11 15:07:41
• PHP Made Easy : vos premiers pas dans le développement Web
  2024-10-11 14:21:21
• Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité
  2024-10-11 12:59:11
• La clé du codage : libérer la puissance de Python pour les débutants
  2024-10-11 12:17:31

Derniers numéros

Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL J'ai un schéma comme celui-ci : Table utilisateur avec les attributs "user_id" e...

Depuis 2024-04-06 19:39:29

0

1

441

MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...

Depuis 2024-04-06 19:25:54

0

2

529

L'entrepôt d'entités étend JpaRepository<Entity, Id> et JpaSpecificationExecutor<Entity>, et EntitySpec étend Spécification<Entity> Ceci est mon point de terminaison http://localhost:8080/country/all les réponses sont ok p...

Depuis 2024-04-06 17:11:03

0

1

421

Afficher un tableau imbriqué d'objets dans un tableau HTML en itérant J'ai l'entrée suivante contenant un tableau d'objets imbriqués. summary est le tableau d'o...

Depuis 2024-04-05 14:11:42

0

1

1373

Comment remplir un tableau HTML à partir d'un tableau de base de données généré par la conception Très nouveau pour Ruby on Rails et son design. J'essaie actuellement de remplir un tableau...

Depuis 2024-04-05 09:13:39

0

1

2491

Rubriques connexes

Plus>

• Quelle plateforme est la meilleure pour le trading de devises virtuelles ?
• oicq
• Comment représenter des nombres négatifs en binaire
• Comment supprimer un dossier sous Linux
• Utilisation de la commande de recherche Linux
• Quelle est la différence entre un pare-feu matériel et un pare-feu logiciel
• Quelle est la fonction du Huawei NFC ?
• Comment modifier le texte sur l'image

Recommandations populaires

• que signifie js
• Comment convertir une chaîne en tableau en js ?
• Comment actualiser la page en utilisant javascript
• Comment supprimer un élément dans le tableau js
• Comment utiliser la fonction sqrt

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1422947
• 
  Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine

  4268222
• 
  Tutoriel vidéo JAVA pour débutants

  2533333
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  507234
• 
  Tutoriel d'introduction PHP base zéro

  862361

• 
  Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

  1422947 temps d'étude
• 
  Tutoriel vidéo JAVA pour débutants

  2533333 temps d'étude
• 
  Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

  507234 temps d'étude
• 
  Introduction rapide au développement web front-end

  215803 temps d'étude
• 
  Maîtrisez les didacticiels vidéo PS à partir de zéro

  889900 temps d'étude

• 
  [Web front-end] Démarrage rapide de Node.js

  7453 temps d'étude
• 
  Collection complète de cours full-stack de développement Web étranger

  5939 temps d'étude
• 
  Aller au langage pratique GraphQL

  4924 temps d'étude
• 
  Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape

  695 temps d'étude
• 
  Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures

  24668 temps d'étude

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal

• [bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery
• [Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3
• [Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5
• [bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery
• [Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS
• [effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique
• [Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image
• [Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3

• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet

• [Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)
• [Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)
• [image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)
• [Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)
• [Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)
• [Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes
• [image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)
• [Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)

• [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
• [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
• [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
• [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
• [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
• [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
• [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
• [Modèle frontal] Modèle de site Web de service de trading de devises de style violet

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nous Clause de non-responsabilité Sitemap

© php.cn All rights reserved