Se connecter / S'enregistrer
Votre question

Valeur additionné pour menu déroulant.

Tags :
  • euro
  • Programmation
Dernière réponse : dans Programmation
3 Décembre 2008 15:41:36

Bonjours je débute dans scripte HTML etc ... mais je voudrais bien un peu de votre aide pour une chose que je n'est point trouvais sur google :S

voici mon code ( tous simple tous basique )

Citation :
<html>

<head>
<title>Sans titre</title>
<meta name="generator" content="Namo WebEditor">
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<form name="form1">
<p><select name="choix1" size="1">
<option value="1">1 euro</option>
<option value="2">2 euro</option>
<option value="3">3 euro</option>
</select></p>
</form>
<p><select name="choix2" size="1">
<option value="4">4 euro</option>
<option value="5">5 euro</option>
<option value="6">6 euro</option>
</select></p>
<p></p>
<p>= (Valeur Additionné des euro) euro</p>
</body>

</html>


Je voudrais que sa ou il y a écrie (Valeur Additionné des euro) il y est .... la vrai valeur additionné des euro :S je ne sais absolument pas comment faire merci de votre aide si vous pouvez m'aider.

@+

Autres pages sur : valeur additionne menu deroulant

a c 232 L Programmation
3 Décembre 2008 17:08:38

faut faire du javascript pour ça.
tu ajoutes dans les évènements onchange une fonction pour additionner le résultat de choix1 + choix2.
3 Décembre 2008 21:21:09

Hum je ne connais pas le javascript pourrais tu me passer se qu'il faut mettre se serais gentille ( je veu dire les balise etc ... dans ma page )

Merci bcp
Contenus similaires
a c 232 L Programmation
3 Décembre 2008 23:59:16

  • Tu ajoutes des id à tes deux select (même que leur name)
  • tu ajoutes un id à ton paragraphe qui va avoir l'addition des euros
  • tu ajoutes un onchange="addition();"
  • tu ajoutes un script javascript :
    1. <script type="text/javascript">
    2. function addition() {
    3. var paragraphe = document.getElementById('id_paragraphe');
    4. var choix1 = document.getElementById('choix1');
    5. var choix2 = document.getElementById('choix2');
    6. paragraphe.InnerHTML = eval(choix1+choix2)+" euros";
    7. }
    8. </script>
    6 Décembre 2008 14:36:53

    Bonjours tous d'abords merci pour ta raiponce rapide et désolé pour la mienne ... j'ai fait se que j'ai compris de se que tu m'a dit mais sa ne fonctionne toujours pas il doit me manquer un petit truk :S :

    Citation :
    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <title>TEST</title>
    </head>

    <body style="background-color: transparent" text="black" link="blue" vlink="purple" alink="red">

    <script type="text/javascript">
    function addition() {
    var paragraphe = document.getElementById('id_paragraphe');
    var choix1 = document.getElementById('choix1');
    var choix2 = document.getElementById('choix2');
    paragraphe.InnerHTML = eval(choix1+choix2)+" euros";
    }
    </script>

    <form name="form1">
    <p><select name="choix1" id="choix1" onChange="addition();">
    <option value="1">1 euro</option>
    <option value="2">2 euro</option>
    <option value="3">3 euro</option>
    </select></p>

    </form>
    <p><select name="choix2" id="choix2" onChange="addition();">
    <option value="4">4 euro</option>
    <option value="5">5 euro</option>
    <option value="6">6 euro</option>
    </select></p>

    <p></p>
    <p id="id_paragraphe">euros</p>
    </body>

    </html>


    Voila se que j'ai mi où sont mes erreurs :S
    6 Décembre 2008 17:05:46

    La première erreur est qu'il faut mettre le <script> avant <body> et </head>

    ;) 
    6 Décembre 2008 17:12:00

    ceci devrait faire l'affaire

    <html>


    <head>


    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


    <title>TEST</title>
    <script type="text/javascript">
    function addition() {
    var paragraphe = document.getElementById('id_paragraphe');
    var choix1 = parseFloat(document.form1.choix1.options[document.form1.choix1.selectedIndex].value);
    var choix2 = parseFloat(document.form1.choix2.options[document.form1.choix2.selectedIndex].value);
    paragraphe.innerHTML = choix1+choix2+" euros";
    }
    </script>


    </head>


    <body style="background-color: transparent" text="black" link="blue" vlink="purple" alink="red">


    <form name="form1">
    <p><select name="choix1" id="choix1" onChange="addition();">
    <option value="1">1 euro</option>
    <option value="2">2 euro</option>
    <option value="3">3 euro</option>
    </select></p>


    <p><select name="choix2" id="choix2" onChange="addition();">
    <option value="4">4 euro</option>
    <option value="5">5 euro</option>
    <option value="6">6 euro</option>
    </select></p>
    </form>

    <p></p>
    <p id="id_paragraphe">euros</p>
    </body>


    </html>
    6 Décembre 2008 20:22:14

    Merci beaucoup oui sa fonctionne très bien 1000 mercis encore a vous ^^
    7 Décembre 2008 18:44:46

    Bonjour, excuser moi de "réouvrir" le topic, mais maintenant que j'ai se script magnifique qui fonctionne merveille, j'aimerais que la valeur de cette ligne :

    Citation :
    <p id="id_paragraphe">euros</p>


    sois dans ma page de formulaire d'après, puis que cela m'envoie le formulaire que j'aurais créé avec la valeur X euro que je ne sais pas comment garder.

    Voila si ce n'est pas assai claire redemander moi merci d'avance !
    a c 232 L Programmation
    7 Décembre 2008 23:21:06

    si je comprend bien, il va falloir ajouter un input de type hidden, qui va avoir la valeur en euros que tu as récupéré avec le javascript.
    8 Décembre 2008 20:26:25

    Possible ^^ enfin ... oui est - ce possible ?
    a c 232 L Programmation
    9 Décembre 2008 00:08:05

    1. <html>
    2.  
    3.  
    4. <head>
    5.  
    6.  
    7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    8.  
    9.  
    10. <title>TEST</title>
    11. <script type="text/javascript">
    12. function addition() {
    13. var paragraphe = document.getElementById('id_paragraphe');
    14. var choix1 = parseFloat(document.form1.choix1.options[document.form1.choix1.selectedIndex].value);
    15. var choix2 = parseFloat(document.form1.choix2.options[document.form1.choix2.selectedIndex].value);
    16. paragraphe.innerHTML = choix1+choix2+" euros";
    17. document.getElementById('somme').value = choix1+choix2;
    18. }
    19. </script>
    20.  
    21.  
    22. </head>
    23.  
    24.  
    25. <body style="background-color: transparent" text="black" link="blue" vlink="purple" alink="red">
    26.  
    27.  
    28. <form name="form1">
    29. <p><select name="choix1" id="choix1" onChange="addition();">
    30. <option value="1">1 euro</option>
    31. <option value="2">2 euro</option>
    32. <option value="3">3 euro</option>
    33. </select></p>
    34.  
    35.  
    36. <p><select name="choix2" id="choix2" onChange="addition();">
    37. <option value="4">4 euro</option>
    38. <option value="5">5 euro</option>
    39. <option value="6">6 euro</option>
    40. </select></p>
    41. <input type="hidden" name="somme" id="somme" />
    42. </form>
    43.  
    44. <p></p>
    45. <p id="id_paragraphe">euros</p>
    46. </body>
    47.  
    48.  
    49. </html>


    et tu récupères le tout dans la variable $_POST['somme'] (en php)
    13 Décembre 2008 00:00:15

    euh oui, ou alors au lieu de créer un nouveau champ, puisque les 2 valeurs sont envoyées par le formulaire, les récupérer en php, puis sommer!
    Tom's guide dans le monde
    • Allemagne
    • Italie
    • Irlande
    • Royaume Uni
    • Etats Unis
    Suivre Tom's Guide
    Inscrivez-vous à la Newsletter
    • ajouter à twitter
    • ajouter à facebook
    • ajouter un flux RSS