afficher sur une nouvelle page un resultat de combobox

**ruza01** · 11/12/2008, 09h30

Bonjour,
Sinon mon souci est :
j'ai créée une combo box dans un formulaire en html. Lorsque je submit mon formulaire, je souhaite récupérer le texte de la combo (et pas son indice), et l'afficher dans une nouvelle page html. Le traitement se fait en javascript.
Là où est mon souci est pour la deuxieme partie, l'affichage. Je joins mon code pour etre le plus complet possible.

Voici le code de ma première page.

Code html :

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
 
<html> 
<body> 
<script language="javascript" src="monscript.js"> 
</script> 
<form name="formA" method ="post" action="finale.html" onsubmit=memo(document.formA.nomOption)> 
<table> 
<tr> 
<td> 
<select name="nomOption"> 
<option value="1">toto 
<option value="2">titi 
<option value="3">tata 
</select><br> 
<input type="submit" value="OK" > 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html>

Comme vous pouvez le voir elle comporte la combo dans le form.Elle ne comporte pas le code javascript. Il est placé dans un fichier à part dans le meme dossier.
Voici ma deuxieme page:

Code html :

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

1
2
3
4
5
6
7
 
<html> 
<body onload=affichage()> 
<script language="javascript" src="monscript.js"> 
</script> 
</body> 
</html>

Tres simple aussi ...
Voici enfin mon script :

Code javaacript :

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
 
var texte =""; 
 
function memo(ObjetSelectionne) 
{ 
self.name = indice(ObjetSelectionne); 
texte = self.name; 
alert(texte); 
return texte; 
} 
function indice(texteRetour) 
{ 
return texteRetour.options[texteRetour.selectedIndex].text; 
} 
function affichage() 
{ 
document.write(texte); 
}

alert est juste là pour vérifier ce que je récupère en sortie du traitement de la deuxieme fonction(indice).
Voilà vous savez tout.
Je donne à nouveau mon problème : je n'arrive pas à afficher sur ma deuxieme page le résultat de ma sélection dans la combo, qui est sur la première.
Qu'en pensez-vous?
Merci pour votre aide.

**RomainVALERI** · 11/12/2008, 09h54

Tu ne peux pas appeler une fonction de la première page depuis la seconde, et surtout le contexte n'est plus le même (portée des variables).
Il faut passer les informations dont tu as besoin dans ta seconde page "en paramètre" de la requête qui l'appelle. Ca peut se faire soit en GET (au lieu d'appeler "finale.html", tu appelles par exemple "finale.html?tonParametre=taValeur&tonAutreParametre=tonAutreValeur) ou en POST (ici ton <form> est en method POST, ce qui évite que les paramètres soient visibles dans l'URL justement) grâce au mécanisme de submit du <form>.
Vois les cours xhtml/javascript pour d'excellentes explications détaillées de tout ça

**ruza01** · 11/12/2008, 11h33

Désolé d'enfoncer le clou,mais du fait que le script se trouve dans un fichier à part et que ma variable est globale(elle est déclarée en début de script), ai-je quand meme besoin de passer ma variable en parametre? Ne puis-je pas simplement récupérer sa valeur d'une page à une autre?

**Bovino** · 11/12/2008, 11h46

Non, tu ne peux pas, le fait que le script soit externe ne lui donne pas de portée supplémentaire. Le contexte javascript est réinitialisé à chaque chargement (ou rechargement) de page, donc la solution est celle proposée par RomainVALERI.

**ruza01** · 11/12/2008, 11h48

Bon du coup en testant pas mal de chose et en réflèchissant énormement(

pour la reflexion sur la passastion des variables Romain)

j'en suis arrivé à ceci et ca marche!
je me permets de remettre mes pages.

Code html :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<SCRIPT LANGUAGE="javascript" SRC="monscript.js"></SCRIPT>
</HEAD>
<BODY LANG="fr-FR" DIR="LTR">
			<FORM NAME="formA" ACTION="finale.html" METHOD="POST" onsubmit=memo(document.formA.nomOption)>
				<SELECT NAME="nomOption">
					<OPTION VALUE="1" SELECTED>toto
					<OPTION VALUE="2">titi
					<OPTION VALUE="3">tata</OPTION>
				</SELECT><BR><INPUT TYPE=submit VALUE="OK">
			</FORM>
</BODY>
</HTML>

J'ai donc transformé mon bouton en submit.

Code html :

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

1
2
3
4
5
6
7
 
html>
<body onload=affichage()>
<script language="javascript" src="monscript.js">
</script>
</body>
</html>

Rien à changer dans celui là.

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function memo(ObjetSelectionne)
{
	self.name = indice(ObjetSelectionne);
    alert(self.name);
	self.submit();
}
function indice(texteRetour)
{
	return texteRetour.options[texteRetour.selectedIndex].text;  
}
function affichage()
{
	document.write(self.name);
}

Ici ça à un peu changé...dites moi si ma réflexion est juste
Ayant initialisé self.name(qui représente le nom de ma page finale.html), j'ai juste réutilisé celle-ci pour afficher ma valeur qui était stockée dans celle là.
voilà merci quand même

**ruza01** · 11/12/2008, 16h11

Ca marche mais c'est pas top...je vais traffiquer encore pour essyer de récupérer la valeur dans un champ text.

**ruza01** · 11/12/2008, 17h22

Pour info j'ai trouvé ce bout de code

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
</head>
<body> 
<select id="combo"> 
 <option value="1-10">bonjour</option> 
 <option value="1-11">Salut</option> 
</select> 
<a href="#" onclick="alert(combo.options[combo.selectedIndex].innerText)">valeur longue</a> 
</body></html>

Ca fonctionne mais pas sous firefox.

**Bovino** · 11/12/2008, 17h35

Code :

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

alert(combo.options[combo.selectedIndex].text)

**E.Bzz** · 11/12/2008, 17h47

Envoyé par Bovino

Code :

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

alert(combo.options[combo.selectedIndex].text)

Ou .innerHTML (mais mieux vaut ne pas oublier le </option>)

A+

**ruza01** · 19/01/2009, 14h03

Merci pour vos réponses.

afficher sur une nouvelle page un resultat de combobox

JavaScript

Discussions similaires

Partager

Partager