Récupérér les valeurs d'un menu déroulant dans un champ texte
Bonjour,
Dans un premier menu déroulant je souhaite sélectionner un article dont le paramètre "value" contient son prix. Dans un 2eme menu déroulant je souhaite sélectionner le nombre d'articles achetés. Grace à une fonction "calculer()" je souhaite récupérer dynamiquement la somme exacte dans un champ texte "somme".
Et à la fin, avoir le total des achats dans un champ texte "total".
==> Voici à quoi doit ressembler ma page
==> Voici le code source :
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
<html>
<head>
</head>
<body>
<script>
function calculer(){
var indice_selectionne=document.liste.liste_cadeaux.selectedIndex;
var indice_selectionne2=document.liste.nombre_cadeaux.selectedIndex;
var chango = document.liste.liste_cadeaux.options[indice_selectionne].value; switch (chango){
case "90":document.liste.somme.value=90*3;break;
case "20":document.liste.somme.value=20*"indice_selectionne2";break;
case "7":document.liste.somme.value=7*indice_selectionne2;break;
case "140":document.liste.somme.value=140*indice_selectionne2;break;
case "200":document.liste.somme.value=200*indice_selectionne2;break;
case "200":document.liste.somme.value=200*indice_selectionne2;break;
case "30":document.liste.somme.value=30*indice_selectionne2;break;
}
}
</script>
<form NAME="liste">
<select name="liste_cadeaux" onchange="calculer()">
<option VALUE="0">- Faites votre choix -</option>
<option VALUE="90"> Ordtinateurs P.IV </option>
<option VALUE="20"> Livres </option>
<option VALUE="7"> Jeux éducatifs </option>
<option VALUE="140"> Cours particuliers </option>
<option VALUE="200"> Table de babyfoot </option>
<option VALUE="200"> Table de ping-pong </option>
<option VALUE="30"> Jeux pour handicapés </option>
</select>
<select NAME="nombre_cadeaux" size="1">
<option VALUE="1">1</option>
<option VALUE="2">2</option>
<option VALUE="3">3</option>
<option VALUE="4">4</option>
</select>
Somme = <input type="text" name="somme" size="10" value="0" readonly="readonly">
</form>
<form NAME="liste_cadeaux1">
<select NAME="liste_cadeaux1" size="1">
<option VALUE="">- Faites votre choix -</option>
<option VALUE="90"> Ordtinateurs P.IV </option>
<option VALUE="20"> Livres </option>
<option VALUE="7"> Jeux éducatifs </option>
<option VALUE="140"> Cours particuliers </option>
<option VALUE="200"> Table de babyfoot </option>
<option VALUE="200"> Table de ping-pong </option>
<option VALUE="30"> Jeux pour handicapés </option>
</select>
<select NAME="nombre_cadeaux1" size="1">
<option VALUE="1">1</option>
<option VALUE="2">2</option>
<option VALUE="3">3</option>
<option VALUE="4">4</option>
</select>
Somme = <input type="text" name="somme1" value="0" readonly="readonly" SIZE=10/>
</form>
Total = <input type="text" name="total" value="0" readonly="readonly" SIZE=10/> €
<br>
</body>
</html> |
Merci d'avance de m'aider à faire marcher et éventuellement corriger le premier script "calculer()" et faire remplir dynamiquement aussi le champ total.
