Se connecter avec
S'enregistrer | Connectez-vous

Valeur additionné pour menu déroulant.

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte
Expert Programmation

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

    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

    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>

    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 !
    Expert Programmation 

    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)
    Lassé par la pub ? Créez un compte

    Répondre Créer un nouveau sujet

    Tom's guide dans le monde