Bonjour,
dans un formulaire je test la valeur d'un champs pour afficher/masquer des valeurs dans un select. si je met 0 alors je cache l'option "rouge" dans le select. si different de 0 alors j'affiche "bleue" et "rouge" afin que l'internaute a le choix.
mon code fonctionne très bien sous FF et sous chrome mais sous IE..... sa ne fonctionne pas. Au lieu d'avoir les lignes qui se cachent elles restent toutes visibles sous IE.
Voici mon code :
dans mon header je met :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Dans mon Body (mon formulaire avec le js)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function(){
	// Rend invisible tous les éléments qui on la classe cacher
	$(".cacher").hide();
	//lors du changement de selection de la liste portant l'id nbrcouleurs
	$("#NBRcouleurs").change(function(){
		// si la liste qui porte l'id nbrcouleurs a une option choisie donc différente de zéro alors
		if($("#NBRcouleurs").val() != "0"){
			// on affiche les éléments qui on la classe cacher
			$(".cacher").show();
		}
		else{
			//sinon on les caches de nouveaux
			$("#couleur").val("bleu");
			$(".cacher").hide();
		}
	})
});
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<strong class="titreform">Nombre de couleurs</strong>
<input name="NBRcouleurs" type="text" class="validate[required,custom[onlyNumber],length[0,5]] text-inputreq" id="NBRcouleurs" size="3" maxlength="2" />
<div class="clear10"></div>
<strong class="titreform">Choix couleurs
<select name="couleur" id="couleur">
	<option value="rouge" class="cacher">rouge</option>
	<option value="bleu" selected="selected">Bleu</option>
</select>

test du code ici (a tester sur IE et FF)