Actualiser une liste déroulante en fonction du choix d'une autre liste deroulante

**Marc31** · 06/02/2017, 16h15

Bonjour,

J'ai réalisé 3 listes déroulantes et je souhaites que lorsque l'on fait un choix sur une liste déroulante, les deux autres s'actualisent en fonction du choix de la première.

Si quelqu'un pouvait m'aider?

merci.

**sabotage** · 06/02/2017, 16h33

Un exemple avec Ajax :
http://siddh.developpez.com/articles/ajax/

**Marc31** · 06/02/2017, 16h46

Ah merci je vois le fonctionnement:

Code :

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

$sql1 = "select distinct * FROM table WHERE pole='".$pole."' ORDER BY ville";

Mais si je vais ceci, la seconde liste deroulante attend la reponse de la premiere.

J'aimerais faire en sorte qu'on puisse choisir une des 3 listes déroulantes au hasard et que les autres se mettent à jour.

Mais je crois pas que cela soit possible....

**sabotage** · 06/02/2017, 17h01

Tout est possible, il faut seulement programmer les cas.
Par exemple si je modifie la liste 2, je filtre les possibilité de la liste 3 et je donne la valeur à la liste 1.

**Marc31** · 06/02/2017, 17h06

Et comment je peux faire ça?

Je peux le faire juste avec les 3 requetes sql des 3 listes déroulantes?

**Vil'Coyote** · 06/02/2017, 17h40

Envoyé par Marc31

Et comment je peux faire ça?

Je peux le faire juste avec les 3 requetes sql des 3 listes déroulantes?

non. tes 3 requêtes sont là pour alimenter tes listes. charge à toi via du javascript / ajax de gérer le changement de valeur d'une liste et de savoir quoi faire par la suite.

**Marc31** · 06/02/2017, 17h46

ok merci je vais chercher.

**Marc31** · 09/02/2017, 14h33

Je cherches mais je trouves pas, quelqu'un peut être à une idée...?

merci

**badaze** · 09/02/2017, 16h26

Voici un exemple.

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
 
<!DOCTYPE html>
 
<html>
<head>
<title>Untitled</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script language="JavaScript" type="text/javascript">
<!--
function titi() {
  $(function() {
	   res    = Math.random();
	   valeur = document.getElementById('s1').value;
       $.get('test9078b.php?valeur='+valeur+'&r='+res, function(data2) {
	   $('#s2').html(data2);			 			
     });
  });
}
//-->
</script>
 
 
</head>
<body>
Sélection 1 <select id="s1" onchange="titi();">
 <option value="0">Sélectionner une valeur</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
</select> 
<br/>
Sélection 2 <select id="s2">
 
</select>
 
 
</body>
</html>

Fichier : test9078b.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php 
$valeur = $_GET['valeur'];
if ($valeur == '0') {
  print "";
  die();  
}
$codeHTML = '';
for($i=0;$i<=9;$i++) {
	$valeur2   = $i + $valeur * 10;
	$codeHTML .= "<option value='$valeur2'>$valeur2</option>".PHP_EOL;
}
print $codeHTML;
?>

**Vil'Coyote** · 09/02/2017, 17h26

la "petite idée" serait déjà de lire le tuto indiqué par Sabotage puis, éventuellement, essayer le bouton recherche ...

https://blog.developpez.com/rawsrc/p...ql_jquery_ajax
https://javascript.developpez.com/ac...-de-NoSmoking/

**Marc31** · 10/02/2017, 10h55

Oui désolé mais le projet est assez urgent...et merci pour votre aide.

Actualiser une liste déroulante en fonction du choix d'une autre liste deroulante

Langage PHP

Discussions similaires

Partager

Partager