Applications
1. Filtrer une liste
Soit une liste de variétés de fruits. Au choix d’un élément de formulaire de type <select>, le script ne retiendra que les variétés d’un fruit spécifique (pomme, poire, raisin ou fraise).
Affichage initial :
Affichage obtenu avec les fraises :
Affichage obtenu avec les poires :
Le document HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#bouton").click(function(){
var selection = $("#categorie").val();
if (selection == "toutes"){
$("li").filter(".item").show();
} else {
$("li").filter(".item").hide();
...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI