11548 sujets

JavaScript, DOM et API Web HTML5

Select + question en dessous qui apparait

bonjour,

J'ai un formulaire avec une liste de ville, lorsque je choisi la ville McMasterville il y a une question qui apparait en dessous avec deux choix de réponses dans un select.
Lorsque je clique sur afficher le formulaire apparait avec les réponses fournis auparavant. Mais voici qu'il ne reconnait pas mon 1er choix. Il le voit comme si je n'avais pas remplis mon choix. Pourtant lorsque je choisi le 2e choix tout va bien.

Voici mon code html.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<title>titre</title>


<script type="text/javascript">
function affichage() {
	window.open('','NouvelleFenetre'+Math.floor(Math.random()*9999), 'toolbar=yes,status=no,width=500,height=500');
}
function checkCity(myobj){
	if(myobj*1 == 9)
		document.getElementById('animauxDiv').style.display = 'block';
	else
		document.getElementById('animauxDiv').style.display = 'none';
}
</script>



</head>

<body>

<form action="" method="post" enctype="text/plain" name="formulaire1">

<label>Ville :</label>
<select name="ville" onchange="checkCity(this[this.selectedIndex].value);">
<option value="" selected="selected">Choisir</option>


<option value="9">McMasterville</option>
<option value="10">Otterburn Park</option>
<option value="25">Varennes</option>
</select>
<br />

<div id="animauxDiv" style="display:none;">
<label>Cette licence est pour votre 1<sup>er</sup> ou 2<sup>e</sup> animal :</label>
<select name="numanimaux">
<option value="" selected="selected">Choisir</option>
<option value="1">1er</option>
<option value="2">2e</option>
</select>
<br />
</div>

<input type="button" value="Afficher" onClick="affichage();" class="bouton" />
<input type="reset" value="Effacer" class="bouton" />

</form>


</body>
</html>


Voici mon code Javascript. Je vous fournis que le nécessaire j'espère que j'ai pas trop supprimer de code.

<script type="text/javascript">

	var montantApayer = 0;
	var laville = window.opener.document.formulaire1.ville.value;
	var nomville = '';
	var nombreAnimaux = '';


	switch(laville*1){
		
		case 9:
			nomville = 'McMasterville';
			if(window.opener.document.formulaire1.numanimaux.value*1 == 1){
				montantApayer = 10;
				nombreAnimaux = 'premier';
			}
			if(window.opener.document.formulaire1.numanimaux.value*1 == 2){
				montantApayer = 20;
				nombreAnimaux = 'deuxieme';
			}else{
				montantApayer = 33;
				nombreAnimaux = 'Choisi';
			}		
		break;


if(nombreAnimaux != ''){
document.write("<p>Licence pour : <span> "+nombreAnimaux+" </span></p>");
}

document.write("<p><strong>Montant à payer pour "+nomville+" : " + montantApayer + "$</strong></p>");

  
</script>


J'espère être assez claire dans mes explications.
Sujet clos
Aller à