Javascript probleme

Fermé
kinder77 Messages postés 134 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 30 octobre 2013 - 16 juin 2010 à 19:38
Laugarhraun Messages postés 14 Date d'inscription mercredi 16 juin 2010 Statut Membre Dernière intervention 10 septembre 2010 - 16 juin 2010 à 20:12
Bonjour,
mon scipt ne s'execute pas au moment ou j'appui sur le boutton contoler
<html>
<head>
<title>objet windows</title>
<script type="text/javascript">
function controliste ()
{
if (form1.question.selecdIndex ==0)
alert ("c'est moins");
else if (form1.question.selecdindex==1)
alert ("c'est plus");
else {
alert ("c'est la bonne vitesse");
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="" action="" >
<p>Quelle etait la vitesse maximun du tgv lors de son record le 3 avril 2007 </p>
<select name="Question" id="Question">
<option>630,1 km/h</option>
<option>477,8 km/h</option>
<option>574,8 km/h </option>
</select>
<p>  </p>
<p>
<input type="submit" name="controler" value="controler" onClick="controliste ()" />
</p>
</form>
</body>
</html>

voila le script si quelq'un peut m'aider merci

2 réponses

Laugarhraun Messages postés 14 Date d'inscription mercredi 16 juin 2010 Statut Membre Dernière intervention 10 septembre 2010 44
16 juin 2010 à 19:44
Niveaux standard du web, c'est très moche...

Enfin, c'est selectedIndex et pas selecdIndex.
Par ailleurs, il faut un "return false" à la fin de la fonction, ou bien changer le type de l'input en "button", pour que ton navigateur ne tente pas d'envoyer le formulaire.
0
Laugarhraun Messages postés 14 Date d'inscription mercredi 16 juin 2010 Statut Membre Dernière intervention 10 septembre 2010 44
16 juin 2010 à 20:12
Et je réponds également sur l'ancienne, tant qu'à faire :

Enfin, le problème était form1.question.selecdIndex qui n'est pas la syntaxe valable.
Une manière correcte et qui fonctionne est document.getElementById("Question") (attention au Q majuscule, comme dans ta définition de <select> : c'est sensible à la casse).
Par ailleurs, voici un code un tout petit peu plus propre donnant ce résultat :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>objet windows</title>

<script type="text/javascript">
function controliste () {
if (document.getElementById("question").selectedIndex == 0)
alert ("c'est moins");
else if (document.getElementById("question").selectedIndex == 1)
alert ("c'est plus");
else
alert ("c'est la bonne vitesse");
}
</script>
</head>

<body>

<form method="post" action="">
<p>Quelle etait la vitesse maximun du tgv lors de son record le 3 avril 2007 ?</p>
<select id="question">
<option>630,1 km/h</option>
<option>477,8 km/h</option>
<option>574,8 km/h </option>
</select>

<p>
<input type="button" value="controler" onclick="controliste();" />
</p>
</form>

</body>
</html>
0