onChange champ formulaire avec affichage de script

onChange champ formulaire avec affichage de script - HTML/CSS - Programmation

Marsh Posté le 07-12-2010 à 21:30:44    

Bonsoir à tous,
Mon formulaire d'inscription comprend un champ ANNEE (année de naissance, menu déroulant).
Je souhaite une vérification dès que l'utilisateur change ce champ (onChange) et affichage d'un script juste en-dessous si l'utilisateur est majeur (ANNEE<1993).
Merci par avance de votre aide.
Antoine

Reply

Marsh Posté le 07-12-2010 à 21:30:44   

Reply

Marsh Posté le 09-12-2010 à 09:05:27    

ingeniomatique a écrit :

Bonsoir à tous,
Mon formulaire d'inscription comprend un champ ANNEE (année de naissance, menu déroulant).
Je souhaite une vérification dès que l'utilisateur change ce champ (onChange) et affichage d'un script juste en-dessous si l'utilisateur est majeur (ANNEE<1993).
Merci par avance de votre aide.
Antoine


 
Salut.
 
Comme ça :  :)  
<script language="Javascript">
<!--
function ans(age)
{
if (age < 1993)
{
alert("Vous êtes vieux !" );
exit;
}
else
{
alert("Vous êtes jeune !" );
}
}
//-->
</script>
<select name="liste">
<option onclick="javascript:ans(this.innerHTML);">1995
</option><option onclick="javascript:ans(this.innerHTML);">1994
</option><option onclick="javascript:ans(this.innerHTML);">1993
</option><option onclick="javascript:ans(this.innerHTML);">1992
</option><option onclick="javascript:ans(this.innerHTML);">1991
</option><option onclick="javascript:ans(this.innerHTML);">1990
</option></select>
 
@++

Message cité 1 fois
Message édité par cetplus le 09-12-2010 à 09:06:21
Reply

Marsh Posté le 09-12-2010 à 09:22:33    

cetplus a écrit :


 
Salut.
 
Comme ça :  :)  
<script language="Javascript">
<!--
function ans(age)
{
if (age < 1993)
{
alert("Vous êtes vieux !" );
exit;
}
else
{
alert("Vous êtes jeune !" );
}
}
//-->
</script>
<select name="liste">
<option onclick="javascript:ans(this.innerHTML);">1995
</option><option onclick="javascript:ans(this.innerHTML);">1994
</option><option onclick="javascript:ans(this.innerHTML);">1993
</option><option onclick="javascript:ans(this.innerHTML);">1992
</option><option onclick="javascript:ans(this.innerHTML);">1991
</option><option onclick="javascript:ans(this.innerHTML);">1990
</option></select>
 
@++


NON ton code n'est pas du tout bon pour 5 raisons :  
- javascript: qui est inutile sur un évènement
- onclick sur un option c'est pas fait pour, un onchange sur le select suffit
- langage="javascript" sur script :(
- pas de value sur les options
- il faut utiliser le value des options et non le innerHTML du option. C'est plus explicite.
 
Aller hop :  

Code :
  1. <script type="text/javascript">
  2. function checkAge(value) {
  3.     if(value < 1995) {
  4.  alert('vieux !');
  5. } else {
  6.  alert('jeune !');
  7. }
  8. }
  9. </script>
  10. <select onchange="checkAge(this.value)">
  11. <option value="1993">1993</option>
  12. <option value="1994">1994</option>
  13. <option value="1995">1995</option>
  14. <option value="1996">1996</option>
  15. <option value="1997">1997</option>
  16. <option value="1998">1998</option>
  17. </select>


 


---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

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