Tom's Guide > Forum > Programmation > Valeur additionné pour menu déroulant.

Valeur additionné pour menu déroulant.

Forum Programmation : Valeur additionné pour menu déroulant.

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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.

@+


Message édité par RIXOU@IDN le 03-12-2008 à 21:19:39
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
- 0 +

faut faire du javascript pour ça.
tu ajoutes dans les évènements onchange une fonction pour additionner le résultat de choix1 + choix2.

Répondre à OmaR

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

Répondre à RIXOU@IDN
- 0 +

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

Répondre à OmaR

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


Message édité par RIXOU@IDN le 06-12-2008 à 14:37:30
Répondre à RIXOU@IDN

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

;)

Répondre à CustMax

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>


Message édité par sleepless2101 le 06-12-2008 à 17:12:42
Répondre à sleepless2101

Merci beaucoup oui sa fonctionne très bien 1000 mercis encore a vous ^^

Répondre à RIXOU@IDN

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 !

Répondre à RIXOU@IDN
- 0 +

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.

Répondre à OmaR

Possible ^^ enfin ... oui est - ce possible ?

Répondre à RIXOU@IDN
- 0 +

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



et tu récupères le tout dans la variable $_POST['somme'] (en php)

Répondre à OmaR

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!

Répondre à sleepless2101
Tom's Guide > Forum > Programmation > Valeur additionné pour menu déroulant.
Aller à :

Il y a 276 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens