Script ok sur FF et Chrome mais pas sous IE
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.....8O 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:
<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:
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:
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)
