Interrogation sur switch dans une fonction.

Version imprimable

Bonsoir à tous,
Je viens tout juste de commencer le JavaScript, il a y quelques jours de ça et je suis confronté à une difficulté que je dus surmonté par la ruse.
J'aimerais savoir s'il est possible de faire plus simple, le seul moyen que j'ai trouvé est celui ci :

fonction :
Code:

1 2 3 4 5 6 7 8 function prixentaille(){ switch (document.getElementById('afficheprix').innerHTML){ case "1€": return document.getElementById('hauteur').innerHTML="5cm"; break; case "1.50€": return document.getElementById('hauteur').innerHTML="6cm"; break;}
balise HTML :
Code:

1 2 3 4 5 6 7 <SELECT id="optprixtaille" onChange="javascript:document.getElementById('afficheprix').innerHTML = this.value+'€'; javascript:document.getElementById('hauteur').innerHTML=prixentaille()"> <OPTION value="" selected>Taille</option> <OPTION VALUE="1">5 cm </option> <OPTION VALUE="1.50">6 cm </option> </SELECT> <SPAN id="afficheprix"></span> <span id="hauteur" ></span>
A la base, je voulais utiliser un simple switch(this.value) sauf qu'après de nombreux essais j'ai du abandonné cette idée, incapable d'obtenir le moindre résultat.:?
Pourriez vous m'éclairer sur la syntaxe exacte du switch au cas où je voudrais mettre dans les case les résultats value des <option> plutôt qu'avoir à passer par un intermédiaire <span id="afficheprix> ?
A chaque fois que j'essaie, je récupère au mieux un 'undefined'... :cry:

Merci d'avance pour votre aide.

plus logiquement:

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
<script type="text/javascript">
function prixentaille(valeur){
var res
			switch (valeur){
			 case "1.00":   res="5cm";
			 				break;
			 case "1.50":res="6cm";
			 				break;
			 		}
			  document.getElementById('hauteur').innerHTML=res
			  document.getElementById('afficheprix').innerHTML=valeur+" €"
			 }
 </script>
</head>
 
<body>
<select id="optprixtaille" onchange="prixentaille(this.value)">
<option value="" selected>Taille</option>
<option value="1.00">5  cm       </option>
<option value="1.50">6  cm          </option>
</select><br/>
prix: <span id="afficheprix"></span><br/>
hauteur: <span id="hauteur" ></span>
</body>
 
</html>

31/10/2010, 15h18
savagenri

Merci, j'ai enfin compris que c'était inutile de me borner à mettre des return dans mes fonctions. Grâce à toi j'ai pu simplifier mon code et rajouter des applications que ma première méthode rendaient très complexes. 8-)

J'aurai une pensé pour les habitants de ta galaxie la prochaine fois que je mangerai des cuisses de grenouilles. ;)