Affichage des données issues d'une liste déroulante dépendante

**toumax** · 22/12/2021, 16h14

Bonsoir chers tous,
je souhaiterai obtenir de l'aide auprès des expérimentés que vous êtes.
Après avoir quelques tutos et échanges sur le les forums, j'ai réussi à écrire un code qui permet à partir d'une première liste déroulante d'alimenter un second qui dépend entièrement de la première.
je bute de quelques semaines sur le fait d'importer les données depuis une table grâce à une sélection dans la second liste. Merci d'avance

Code :

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<?php
	// Fichier entête 
	require_once("entete.php");
 
	// TRAITEMENT DU FORMULAIRE EQUIPE TERRAIN (si posté)
	if( isset($_POST['choix_equipe']) )
	{
		$choix_equipe = $_POST['choix_equipe']; // choix fait
	} else {
		$choix_equipe = -1;
	}	
 
	// TRAITEMENT DU FORMULAIRE (si posté)
	if( isset($_POST['choix_cluster']) )
	{
		$choix_cluster = $_POST['choix_cluster']; // choix fait
	} else {
		$choix_cluster = -1;
	}	
 
 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="jquery-1.11.3-jquery.min.js"></script>
<link rel="stylesheet" href="style.css" type="text/css"  />
<title>PNRSS <?php print($userRow['user_email']); ?></title>
</head>
 
<body>
 
<nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
 
        </div>
		<div class="pull-left"><img src="images/logo-aigf.png"></div>
        <div id="navbar" class="navbar-collapse collapse">
          	<h3 class="text-center">
            PROGRAMME NATIONAL DE RECENSEMENT DES SITES ET STATIONS 
         	</h3>
          <ul class="nav navbar-nav navbar-right">
 
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
			  <span class="glyphicon glyphicon-user"></span>&nbsp;Utilisateur: <?php echo $userRow['user_email']; ?>&nbsp;<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="profile.php"><span class="glyphicon glyphicon-user"></span>&nbsp; Profile</a></li>
                <li><a href="logout.php?logout=true"><span class="glyphicon glyphicon-log-out"></span>&nbsp;Déconnection</a></li>
              </ul>
            </li>
           </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
 
 
    <div class="clearfix"></div>
 
 
<div class="container-fluid" style="margin-top:80px;">
 
    <div class="container">
 
    	<label class="h5">Bienvenue : <?php print($userRow['user_name']); ?></label>
        <hr />
 
        <h3 align="center">COLLECTE DES DONNEES DU PNRSS</h3>
        <hr />
       	<br/>
		<div>
			<!-- Liste deroulante connection db  -->			
 
			<!-- Liste déroulante des equipes -->
			<form method="post" action="liste_equipe.php">
 
				<select name="choix_equipe" class="col-lg-3">
					<option value="-1"<?php if($choix_equipe==-1){ echo ' selected="selected"'; } ?>>-- Choisissez -- </option>
				<?php
 
					// connexion BD
					$sql=$pdo = new PDO('mysql:host=localhost;dbname=dblogin' ,'root','' );
					$sql = "SELECT EQUIPE_TERRAIN FROM tampon GROUP BY EQUIPE_TERRAIN";
					// ----------------
					// PREPARATION ET EXECUTION DE LA REQUETE
					$stmt_equipe = $pdo->prepare($sql);
					$stmt_equipe->execute();
					// ----------------
					while( $equipe = $stmt_equipe->fetch() ) // on récupère une ligne à la fois
					{ 
				?>
						<option  value="<?php echo $equipe['EQUIPE_TERRAIN']; ?>"
 
						<?php 
 
						if($choix_equipe==$equipe['EQUIPE_TERRAIN'])
						{ echo ' selected="selected"'; }
						?>>
						<?php echo $equipe['EQUIPE_TERRAIN']; ?></option>
				<?php
 
					}
					// ----------------
				?>
				</select>
				<input type="submit" value="Valider" />				
 
			</form>	
 
			<!-- FIN première liste déroulante-->
 
 
 
			<!-- DEBUT deuxième liste déroulante-->
 
 
			<?php
			// -----------------------------------
			// AFFICHAGE du résultat (si on a fait un choix)
			if($equipe != -1)
			{ 
			?>
			<p>Vous avez sélectionné : <?php echo $equipe; ?></p>
 
			<select class="col-lg-3" name="choix_cluster">
				<option>--- Selectionnez un cluster ---</option>
			<?php
 
				// on peut maintenant AFFICHER la liste des cluster de équipe
 
				$sql = "SELECT DISTINCT CLUSTER FROM tampon WHERE EQUIPE_TERRAIN = :choix_equipe ";
				// ----------------
				// PREPARATION ET EXECUTION DE LA REQUETE
				$stmt_cluster = $pdo->prepare($sql);
				$stmt_cluster->execute( array(':choix_equipe' => $choix_equipe) );
 
			?>
			<!-- deuxième liste déroulante-->
 
 
 
				<?php
					// ----------------
					while( $choix_cluster = $stmt_cluster->fetch() ) // on récupère une ligne à la fois
					{  echo "<option value=" . $choix_cluster['CLUSTER'] . "'>". $choix_cluster['CLUSTER']."</option>";
					 } 
			} 				 
				?> 
 
 
 
 
 
 
 
 
 
 
			</div>
		<br/>
		<br/>
 
		</div>
 
 
 
    </div>
 
</div>
 
<script src="bootstrap/js/bootstrap.min.js"></script>
 
</body>
</html>