Récupération d'une variable

Version imprimable

Bonjour,

J'ai un soucis avec le code ci-dessous. En effet, je n'arrive pas à récupérer la variable "valeur" malgré le fait que je l'ai déclarée afin qu'elle soit globale, donc accessible dans l'intégralité du script.

Voici donc mon code présent dans mon formulaire:
Code:

1 2 3 4 5 6 7 8 <select name="enta" id="enta" onchange="retvaleur();" style="width:180px;"> <?php while($donnee=mysql_fetch_array($retreponse)) {?> <option value="<?php echo $donnee['id'];?>" <?php if($entxa==$donnee['id']){echo 'selected="selected"';}?> > valeur </option> <?php } ?>
Et voici celui qui est entre les balises HEAD.
Code:

1 2 3 4 5 6 7 valeur=null; function retvaleur() { select = document.getElementById("enta"); choice = select.selectedIndex; valeur = select.options[choice].value; }
Si je mets un alert dans la fonction les valeurs s'affichent, par contre si l'alert est en dehors de la fonction, plus rien ne s'affiche.

Merci de votre aide.

30/08/2013, 22h39
laurentSc

faut pas mettre "var" devant "valeur" pour qu'elle soit déclarée ?

Non, quand on est au niveau du contexte global (hors d'une fonction), tu peux déclarer les variables de cette façon ,sans mettre var. Cependant, ce n'est pas une bonne pratique :
Code:

1 2 3 4 5 6 7 8 // ici on est dans le "scope" global de la page. Chaque variable est attachée à window. var a = 1; // équivaut à window.a = 1, équivaut à window[a] = 1, équivaut à a = 1 console.log(window); // tu verras qu'il y a quelque part notre variable "a" function test() { b = 2; // sera contenu dans window à l'exécution de test() var c = 3; // ne sera pas contenu dans window à l'exécution de test() }
Pour revenir au problème,

Code:

<option value="<?php echo $donnee['id'];?>" <?php if($entxa==$donnee['id']){echo 'selected="selected"';}?> > valeur </option>

Dans ce code, value est vraiment dôté de l'id ?

Que cherches tu à faire lors de l'événement onchange ? Afficher la valeur sélectionnée ?
<select name="enta" id="enta" onchange="alert(this.value)" style="width:180px;"> suffit amplement

31/08/2013, 11h39
lumycaan

Citation:

Envoyé par Kaamo

Pour revenir au problème,

Code:

<option value="<?php echo $donnee['id'];?>" <?php if($entxa==$donnee['id']){echo 'selected="selected"';}?> > valeur </option>

Dans ce code, value est vraiment dôté de l'id ?

Oui, lorsque je fais un alert, c'est bien la valeur de l'id qui est affichée.

Citation:

Envoyé par Kaamo

Que cherches tu à faire lors de l'événement onchange ? Afficher la valeur sélectionnée ?
<select name="enta" id="enta" onchange="alert(this.value)" style="width:180px;"> suffit amplement

Mon objectif avec le onchange est de récupérer l'id à chaque changement de la sélection dans le menu déroulant. Ce système fonctionne bien mais la portée de ma variable reste dans la fonction. Je n'arrive pas à la récupérer en dehors.

Je fais tout cela dans le seul but de pouvoir récupérer un id afin de lancer une requête SQL pour aller chercher une info propre à la ligne référencée par l'id dans ma base de données en temps réel.
31/08/2013, 13h13
Invité

Bonjour,
et c'est ta fonction function retvaleur() qui va récupérer les infos en BdD via Ajax, ou c'est une autre fonction JavaScript (que tu ne montres pas) ?

Explique-nous EN DETAIL ta méthode, car elle semble... améliorable.
31/08/2013, 22h39
lumycaan

Je pensais mettre une requête SQL directement dans la fonction retvaleur() en la mettant entre des balises php. Mais je ne sais pas si c'est faisable car je vois que tu parles d'Ajax pour accéder à la BdD. Chose que je ne sais pas faire.
31/08/2013, 23h07
Invité

=> Les meilleurs cours et tutoriels AJAX
Notamment celui-ci : Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

Lis le tuto. N'hésite pas à faire les exercices/exemples proposés.
01/09/2013, 18h34
lumycaan

Merci, je vais regarder toutes ces infos.

Bon, et bien j'ai toujours un souci avec mon code.

J'ai créé le code ci-dessous entre mes balises head en javascript

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
36
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;
}
function retvaleur()
{
	select = document.getElementById("enta");
	choice = select.selectedIndex;
 
	var xhr = getXhr();
	xhr.onreadystatechange = function()
			{
				if(xhr.readyState==4 && xhr.status==200)
				{
				     alert(xhr.responseText);
				}
			}
	xhr.open("POST","ajax1.php",true);
	xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
	valeur = select.options[choice].value;
	xhr.send("valeur"+valeur);		
}

et dans une nouvelle page que j'ai appelé ajax1.php le code ci-desous.

Code:

1
2
3
<?php
echo $_POST['valeur'];
?>

Le problème c'est que mon alert ne me retourne rien. la fenêtre alert s'ouvre bien mais je n'ai pas de valeur retournée.

Merci de votre aide

J'ai modifié mon code de la manière suivante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function retvaleur()
{	
	var xhr = getXhr();
	xhr.onreadystatechange = function()
			{
				if(xhr.readyState==4 && xhr.status==200)
				{
				     donnee = xhr.responseText;
                                                        alert(donnee);
				}
			}
	xhr.open("POST","ajax1.php",true);
	xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
             select = document.getElementById("enta");
	choice = select.selectedIndex;
	valeur = select.options[choice].value;
	xhr.send("valeur="+valeur);		
}

Mon script ne fonctionne qu'une fois

08/09/2013, 17h49
lumycaan

C'est résolu. Merci à tous
08/09/2013, 17h51
laurentSc

Dis comment ; ça peut servir à d'autres...