Problème sur select liste déroulante

[Vanessa48]

Bonjour

Sur une page Essai_SE.php je créé une liste déroulante comme ceci :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form id="formulairetest" method="post" action="Essai_SE.php">
		<select name="employe">
		<option value="2">Manh-linh</option>
		<option value="3">Titouam</option>
		<option value="4" selected>Antoine</option>
		<option value="5">Morgane</option>
		</select>
	<?php 
         if(isset($_POST['employe'])) 
         { 
         echo htmlentities($_POST['employe']); 
         } 
	?>
</form>

Je n'ai pas l'affichage de ma sélection
j'ai fait une erreur de code ?
Merci pour vos réponses

[Bovino]

j'ai fait une erreur de code ?

Dans le code, non, pas vraiment, dans la conception, oui, parce que tu refuses (comme dans tes discussions précédentes) de comprendre que PHP agit coté serveur et qu'il ne peut pas prédire l'avenir : à savoir quels éléments l'utilisateur va sélectionner !

Je t'invite vivement à lire quelques tutoriels sur les échanges client serveur pour comprendre quand intervient PHP et quand peuvent être pris en compte les choix de l'utilisateur...

[rinuom99]

pour voir l'affichage tu dois ajouter un bouton submit pour valider le formulaire comme suite

<input type="submit" name="Valider">

ou utiliser la technologie AJAX et je te conseil le tutoriel suivant ici

[ABCIWEB]

Ou alors si tu veux déclencher la soumission du formulaire sans bouton submit, en sélectionnant simplement une option, tu peux faire ceci :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
if (isset($_POST['selection'])) 
{
echo htmlentities($_POST['selection']);
}
?>
<form action="#" method="post">
<select name="selection" onchange="this.form.submit()">
<option value="0">Choisissez...</option>
<option value="1">un</option>
<option value="2">deux</option>
<option value="3">trois</option>
<option value="4">quatre</option>
</select>
</form>

Dans ce cas c'est l'instruction onchange="this.form.submit()" qui soumet le formulaire (si javascript est activé).

[mazamazine]

Comma l'a bien dit Bovino, php ne peut pas prédire l'avenir... ta page se charge sans rien de selectionné et là, ton PHP a DEJA été exécuté... C'est pas parce qu'il est écrit après dans ton code qu'il s'executera après. Là ton $_POST est vide puisque rien n'a été envoyé.

la solution de ABCIWEB est nikel (mais heu le onChange devrait pas plutôt être dans le select pas dans l'option ?) mais sinon, si tu veux juste afficher le choix, pourquoi utiliser PHP ? Tu peux aussi bien faire ça en javascript en récuperant ta valeur et en l'affichant dans une div. Un truc comme par ex:

Code :

1
2
3
4
5
6
7
8
9
10
<form id="formulairetest" method="post" action="Essai_SE.php">
		<select name="employe" onchange="document.getElementById('selected_item').innerHTML = this.value">
		<option value="2">Manh-linh</option>
		<option value="3">Titouam</option>
		<option value="4" selected>Antoine</option>
		<option value="5">Morgane</option>
		</select>
</form>
 
<div id="selected_item"></div>

Note que de toutes façons là ça va afficher 2, 3, 4, 5 et pas les noms hein

[Vanessa48]

Merci pour ta réponse
Mais j'ai besoin de récupérer le selected_item pour le mettre en variable, car après je dois faire des requetes Sql sur une BD pour extraire des infos.
Je ne vois pas comment récuperer le selected_item
Encore merci pour votre aide

[mazamazine]

Bien alors le seul moyen est de soumettre le formulaire et de l'envoyer à une page PHP qui traite les données reçues du formulaire (soit les variables superglobales contenues dans $_POST).

Si tu as besoin de NE PAS changer/recharger la page, il te faut du AJAX, sinon juste submit et envoi à traitement_formulaire.php par ex. ou encore à la même page si tu as besoin de recharger la même, comme dans l'exemple de ABCIWEB.

[Vanessa48]

Non je n'ai pas besoin de recharger la page
j'ai regarder le tuto Ajax mais je n'arrive pas à récupérer la sélection
j'ai fait ce code, mais après je ne sais plus

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
<script type='text/JavaScript'>
	 		function getXhr(){
                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                   return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
			var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						alert(xhr.responseText);
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
			}
</script>

[kalimukti]

Bonjour Vanessa

Envoyé par Vanessa48

Non je n'ai pas besoin de recharger la page
j'ai regarder le tuto Ajax mais je n'arrive pas à récupérer la sélection
j'ai fait ce code, mais après je ne sais plus

Comment dire ...
d'abord, dans ton script, tu as deux fonctions uniquement... si tu ne les appelles pas, elles sont en mémoire mais ne s’exécutent jamais... il faut que tu les appelles à un moment ou à un autre dans ton code...

ensuite, si tu veux envoyer la valeur de ton option sélectionnée, il faut la passer (ou la récupérer) dans ta fonction go() (celle qui envoie tes données côté serveur) et l'envoyer à ta page ajax.php sous une forme "?clé=valeur")
comme c'est écrit dans le tuto...
ex:

Code :

xhr.open("GET","ajax.php?cle=valeur",true);

Enfin, je ne sais pas quel est ton code d'ajax.php, mais si tu veux faire un alert de la réponse de l'appel Ajax (ligne 29 de ton code), il faut que la page ajax.php retourne quelque chose
(du style

Code :

echo "Coucou je reviens du serveur";

en fin de ton code php)...
Cela t'aide-t-il à comprendre ?

[mazamazine]

Moi je comprend rien à ce code ^^
Pour AJAX j'utilise une fonction que je trouve plus courte et plus lisible avec un appel xmlhttp.open au lieu de xhr.open... (Mais pour être franche xhr je sais pas ce que c'est héhé)

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
function charge_ajax(str)
{
 
if (str=="")
  {
  document.getElementById("contenu_dynamique").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("contenu_dynamique").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open('GET', "ajax.php?ma_variable="+str);
xmlhttp.send();
}

Dans cet exemple il te faut une div appelée "contenu_dynamique" dans laquelle sera le contenu renvoyé par ajax.php et évidemment, l'info que tu veux envoyer à ajax.php doit être l'argument lors de l'appel à la fonction...