Récupérer les valeurs de plusieurs select avec javascript

Récupérer les valeurs de plusieurs select avec javascript - HTML/CSS - Programmation

Marsh Posté le 19-07-2011 à 10:54:34    

Bonjour à tous,
 
Je suis un vrai novice en javascript.
J'aimerais récupérer la valeur de plusieurs select pour après pouvoir les additionner.
 
Voici mon code qui ne fonctionne pas:
Suis-je dans le bon?
j'imagine que c'est ma ligne 12 qui n'est pas correcte...
 
Merci de votre aide!

Code :
  1. <html>
  2. <head>
  3. <title>FORMULAIRE SANTE</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <script type="text/javascript">
  6. function initonchange()
  7. var vosprojets1 = document.getElementsByName('vosprojets1').value; 
  8. var vosprojets2 = document.getElementsByName('vosprojets2').value; 
  9. if ((vosprojets1=="2" ) && (vosprojets2=="6" ))
  10. {
  11. alert('Message d\'alerte \nAu feu!!');
  12. }
  13. }
  14. </script> 
  15. </head> 
  16. <body onload="initonchange()">
  17. <select name="vosprojets1" id="vosprojetsParticuliers"> 
  18. <option value="1">- PARTICULIERS -</option> 
  19. <option value="2">Utiliser votre compte</option> 
  20. <option value="3">Emprunter</option> 
  21. </select>   
  22. <select name="vosprojets2" id="vosprojetsProfessionnels"> 
  23. <option value="4">- PROFESSIONNELS -</option> 
  24. <option value="5">Artisans</option> 
  25. <option value="6">Commer&ccedil;ants</option> 
  26. </select> 
  27. </body> 
  28. </html>


 
Merci d'avance

Reply

Marsh Posté le 19-07-2011 à 10:54:34   

Reply

Marsh Posté le 20-07-2011 à 09:35:01    

Voici une version qui marche

Code :
  1. <html>
  2. <head>
  3. <title>FORMULAIRE SANTE</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <script type="text/javascript">
  6. function somme_select()
  7. {
  8. var vosprojets1 = document.getElementById("vosprojetsParticuliers" );
  9. var vosprojets2 = document.getElementById("vosprojetsProfessionnels" );
  10. if ((vosprojets1.options[vosprojets1.options.selectedIndex].value=="2" )
  11.     && (vosprojets2.options[vosprojets2.options.selectedIndex].value=="6" ))
  12. {
  13.   alert('Message d\'alerte \nAu feu!!');
  14. }
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <select name="vosprojets1" id="vosprojetsParticuliers" onChange="JavaScript:somme_select();">
  20. <option value="1">- PARTICULIERS -</option>
  21. <option value="2">Utiliser votre compte</option>
  22. <option value="3">Emprunter</option>
  23. </select> 
  24. <select name="vosprojets2" id="vosprojetsProfessionnels" onChange="JavaScript:somme_select();">
  25. <option value="4">- PROFESSIONNELS -</option>
  26. <option value="5">Artisans</option>
  27. <option value="6">Commer&ccedil;ants</option>
  28. </select>
  29. </body>
  30. </html>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed