Interrogation sur switch dans une fonction.

**savagenri** · 30/10/2010, 23h00

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 :

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

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 :

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

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'...

Merci d'avance pour votre aide.

**SpaceFrog** · 31/10/2010, 11h51

plus logiquement:

Code :

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
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>

**savagenri** · 31/10/2010, 15h18

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.

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

Interrogation sur switch dans une fonction.

JavaScript

Vue hybride

Discussions similaires

Partager

Partager