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 :
Code : Tout sélectionner
<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>