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

**mohsenuss91** · 01/05/2017, 10h57

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)?

**badaze** · 01/05/2017, 15h28

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**ska_root** · 01/05/2017, 15h49

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.

Regarde du côté de la clause SQL "ORDER BY" ...

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

PHP & Base de données

Discussions similaires

Partager

Partager