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 :
Merci d'avance de m'aider à faire marcher et éventuellement corriger le premier script "calculer()" et faire remplir dynamiquement aussi le champ total.
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
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>
Partager