[PHP-JS] Récupérer une variable dans un champ de texte suivant un menu déroulant [Fait]

[clem67]

Salut à tous,
voila mon soucis, j'ai différents articles que j'affiche dans un menu déroulant, suivant cette sélection, j'aimerai que le prix de cet article s'affiche dans le champ prévu à cet effet.
voici mon script pour le menu déroulant :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
//LECTURE DES ARTICLES
$articles = "SELECT * FROM article ORDER BY 'nom'";
$result = mysql_query($articles,$db);
 
echo "<select name=\"description_01\" class=\"inputdesignation\">";
echo "<option value=\"\" selected></option>";
while ($ligne=mysql_fetch_array($result)) {
	$id=$ligne['id'];
	$nom=$ligne['nom'];
	$prix=$ligne['prix'];
	//impression de l'option
	echo "<option value=\"$id\">";
	//formattage de l'id
	if ($id <= 9) {echo '00'.$id;} 
	elseif (($id > 9) and ($id < 99)) {echo '0'.$id;} 
	else {echo $id;}
	//fin formattage de l'id
	echo " - ".$nom." ".$prix." €</option>";
}
echo "</select>";

il s'agit donc de cette variable $prix que je souhaite afficher dans un champ de texte tout simple <input type="text"> voila

merci pour le coup de main
a+
clem

[gandalf76fr]

si tu veux que le prix s'affiche directement dans le champ texte au moment de la selection, sans rechargement de page, il te faudra passer par "ajax" soit l'envoie d'une requette (id de l'article selectionné) à ton script d'affichage via xmlhttprequest, puis la modification de ton formulaire via innerhtml.

soit une fonction javascript du genre :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function createRequestObject(){
	var req = false;
 
	if(window.XMLHttpRequest){
		req = new XMLHttpRequest();
 
		if(req.overrideMimeType){ req.overrideMimeType('text/xml'); }
	} 
	else if(window.ActiveXObject){
		try{ req = new ActiveXObject("Msxml2.XMLHTTP"); }
		catch(e){
			try{ req = new ActiveXObject("Microsoft.XMLHTTP"); }
			catch(e){}
		}
	}
 
	if(!req){
		document.getElementById('progress_info').innerHTML = "Erreur : Votre navigateur ne supporte pas AJAX";
		return false;
	}
	else{ return req; }	
}

pour creer la baase de xmlhttp request.
Et une fonction javascript qui lance un apel xmlhttprequest à ton script qui retournera les infos à afficher et modifiera le champ concerné à l'aide de innerhtml.

cf ce tuto :
http://siddh.developpez.com/articles/ajax/