Mette a jour le contenu d'une table HTML à partir d'un choix d'une liste déroulante?

Bonjour,
j'ai des listes déroulantes de choix et une table HTML (qui est générée à partir d'une requête SQL).

SVP, je voulais savoir comment faire pour mettre jour le contenu de la table HTML à partir des choix des listes déroulante (genre des filtres)? :roll:

Tu peux faire comme ça (mais c'est du javascript)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<html>
<head>
<script>
function montreCache(valeurFiltre,etat) {
 var maTable = document.getElementById('ma_table');
 
 var nLignes = maTable.rows.length;
 
 for (var i=0;i<nLignes;i++) {
  var uneLigne  = maTable.rows[i];
  var nColonnes = uneLigne.length;
  
  var xID = '';
  if (uneLigne.cells[0].tagName == 'TD') {
   if (valeurFiltre == '_') {
    uneLigne.style.display = etat;
   } else {
    xID = uneLigne.cells[0].innerHTML;
    if (valeurFiltre == xID) {
     uneLigne.style.display = etat;
    }
   }
  }  
 }
}
function montreTout() {
 montreCache('_','inline')
}
function cacheTout() {
 montreCache('_','none')
}
function toto(valeur) {
 montreTout();
 if (valeur == "") return;
 montreCache(valeur,'none')
}
</script>
</head>
<body>
<table id="ma_table">
 <tr><th>ID</th><th>T 1</th><th>T 2</th><th>T 3</th></tr>
 <tr><td>10</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>11</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>12</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>13</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>14</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>15</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>16</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>17</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
</table>
Sélectionner :
<select onchange="toto(this.value)">
 <option value="">Sélectionner une valeur</option>
 <option value="10">Valeur 10</option>   
 <option value="11">Valeur 11</option>
 <option value="12">Valeur 12</option> 
 <option value="13">Valeur 13</option> 
 <option value="14">Valeur 14</option> 
 <option value="15">Valeur 15</option> 
 <option value="16">Valeur 16</option> 
 <option value="17">Valeur 17</option> 
</select>
</body>
</html>

Bonjour,

Il faut que tu récupères les valeurs de tes listes et que tu construises ta requête en fonction de ces paramètres.
:idea: Regarde du côté de la clause SQL "ORDER BY" ...