J'ai le jquery suivant;

Code html : 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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Demo filtre</title>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <!-- À insérer dans la balise HEAD -->
</head>
<body>
	<label for="chkFiltre">Afficher seulement les éléments du secteur de l'employé : </label><input id="chkFiltre" type="checkbox" checked="checked" /><br />
	<label for="selChoix">Choix : </label>
	<select id="selChoix" >
		<option value="-1" data-employesecteur="true" selected="selected">Indifférent</option>
		<option value="1" data-employesecteur="true">Choix 1</option>
		<option value="2" data-employesecteur="false">Choix 2</option>
		<option value="3" data-employesecteur="false">Choix 3</option>
		<option value="4" data-employesecteur="true">Choix 4</option>
		<option value="5" data-employesecteur="false">Choix 5</option>
	</select>
	<script type="text/javascript">
                function actualiserListe(afficherSeulementSecteur) {
                        if (afficherSeulementSecteur)
                                $("#selChoix option[data-employesecteur='false']").hide();
                        else
                                $("#selChoix option[data-employesecteur='false']").show();
                }
 
                $(function () {
                        actualiserListe($("#chkFiltre").prop("checked"));
                        $("#chkFiltre").change(function () {
                                actualiserListe($(this).prop("checked"));
                        });
                });
        </script>
</body>
</html>

Ce script fonctionne bien avec Firefox et Chrome mais pas du tout sous IE et je dois avoir cette fonctionnalité sous IE.

C'est une liste SELECT dont les items varient selon que la case soit cochée ou non sans demander un rechargement de la page. Mon site est sous ASP (pas .NET).

Merci.