affichage conditionnel liste deroulante

**issoram** · 13/11/2009, 22h02

Grand débutant en php et html, j'essaie d'afficher (ou rendre inactive) une liste déroulante suivant les valeurs d'une autre liste deroulante. J'ai essayé le code suivant mais sans succès. Je n'ai pas trop d'autres idées.

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
<html>
 
	<head>
		<title>TP4</title>
	<head/>
 
	<body>
 
		<form name="formulaire1" method="post" action="page1.php">
			<table>
				<tr>
					<td>Système:</td>
					<td>
					<SELECT name="Système">
						<OPTION VALUE="RGF93">RGF93</OPTION>
						<OPTION VALUE="ETRS89">ETRS89</OPTION>
						<OPTION VALUE="ITRF05">ITRF05</OPTION>
					</SELECT>
					</td>
					<td>Type:</td>
					<td>
					<SELECT name="Type">
						<OPTION VALUE="cartesiennes">Cartesiennes</OPTION>
						<OPTION VALUE="geographiques">Geographiques</OPTION>
					</SELECT>
					</td>
					<td>Unité:</td>
					<td>
					<?php
					if ($_POST[Type]=='geographiques'){
						<SELECT name="Unité">
							<OPTION VALUE="degrés">degrés</OPTION>
							<OPTION VALUE="degmin">degrés minutes</OPTION>
							<OPTION VALUE="degminsec">degrés minutes secondes</OPTION>
						</SELECT>
					}
					?>
					</td>
				</tr>
			</table>
		</form>
 
 
	<body/>
 
</html>

Merci d'avance

**FredPsy** · 13/11/2009, 22h46

Bonsoir.

Premier point :

Code :

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

1
2
3
/** On écrit */
$_POST['Type'] /* et non $_POST[Type]*/

Second point, une variable $_POST[] est envoyée depuis la validation d'un formulaire. Hors avec ce code, le formulaire n'est pas envoyé que tu veux déjà utiliser la variable $_POST[].

C'est pas comme ça que ça marche. Je te renvoi dans un premier temps à ceci : Les Formulaires.

Dans un second temps, ce que tu veux faire peut être fait via Javascript avec l'événement onchange

**issoram** · 14/11/2009, 16h25

Je ne comprends pas comment envoyer le formulaire, je suis pourtant bien allé sur le lien mais je ne vois pas comment faire. N'y Désolé de faire le boulet mais un peu d'aide me serait bien utile.

**FredPsy** · 14/11/2009, 16h34

Tiens essayes ça :

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
 
<!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" />
<title>Untitled Document</title>
<script type="text/javascript">
function Affiche()
    {
        var selection = document.getElementById('Type').value;
        var afficher = document.getElementById('voir');
        if(selection == "geographiques")
            {
                afficher.style.display = "block";
                }
        else
            {
                afficher.style.display = "none";
                }
        }
</script>
</head>
 
<body>
 
        <form name="formulaire1" method="post" action="page1.php">
            <table>
                <tr>
                    <td>Système:</td>
                    <td>
                    <SELECT name="Système">
                        <OPTION VALUE="RGF93">RGF93</OPTION>
                        <OPTION VALUE="ETRS89">ETRS89</OPTION>
                        <OPTION VALUE="ITRF05">ITRF05</OPTION>
                    </SELECT>
                    </td>
                    <td>Type:</td>
                    <td>
                    <SELECT name="Type" id="Type" onchange="javascript:Affiche();">
                        <OPTION VALUE="cartesiennes">Cartesiennes</OPTION>
                        <OPTION VALUE="geographiques">Geographiques</OPTION>
                    </SELECT>
                    </td>
                    <td>&nbsp;</td>
                    <td>
                    <div id="voir" style="display:none;">
                        Unité : <SELECT name="Unité">
                            <OPTION VALUE="degrés">degrés</OPTION>
                            <OPTION VALUE="degmin">degrés minutes</OPTION>
                            <OPTION VALUE="degminsec">degrés minutes secondes</OPTION>
                        </SELECT>
                    </div>
                    </td>
                </tr>
            </table>
        </form>
 
 
    <body/>
 
</html>

**issoram** · 14/11/2009, 16h59

Je te remercie pour cette réponse mais je ne connais rien à javascript et j'aurais aimé le faire simplement en html + php.
D'autre part comment récupérer les valeurs d'une balise SELECT? Je ne comprends pas bien le mechanisme d'envoi de formulaire. Quelques precisions me seraient bien utiles.

Merci encore pour ta solution.

**FredPsy** · 14/11/2009, 17h11

La problématique de ton formulaire et que lorsqu'un utilisateur sélectionne un type, notamment le type "geographiques", les unités doivent apparaître.

Hors, si tu le fait uniquement en HTML et en PHP, l'utilisateur ne verra les unités qu'après validation du formulaire et non lorsqu'il en aura besoin.

Par définition le HTML est figé. Tu ne peux pas le faire évoluer selon les actions utilisateurs sans scripts tiers. D'où le Javascript, qui lui modifie dynamiquement le HTML.

Concernant la récupération des valeurs d'un select :
dans une page (extension HTM ou HTML)

Code :

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

1
2
3
4
5
6
7
 
<form action="une_page.php" method="post">
<select name="selection">
  <option value="oui">Oui</option>
  <option value="non">Non</option>
</select>
</form>

Dans une autre page (extension PHP)

Code :

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

1
2
3
4
 
$choix_dans_la_liste = $_POST['selection'];
echo $choix_dans_la_liste;
/** Tu auras donc Oui ou Non selon le choix effectué. */

**issoram** · 16/11/2009, 16h13

Merci à pour toutes ces explications. Je me mets au javascript....

affichage conditionnel liste deroulante [PHP 5.0]

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager