Bonjour,

Je rencontre des soucis pour activer et désactiver une liste déroulante (<select>).

J'ai cherché sur [ame="http://www.google.fr/search?hl=fr&q=jQuery+d%C3%A9sactiver+liste+d%C3%A9roulante&meta=lr%3Dlang_fr"]Google[/ame]... Ca ne donne pas grand chose.

Mon but est de désactiver la liste déroulante lorsque ma case (<input type='checkbox' ... />) est cochée et de la réactiver lorsque la case est décochée.

La case apparaît, par défaut, décochée.

La méthode que j'utilise est-elle la bonne?
Ce que je veux faire est-il possible?
Si oui, avez-vous des idées pour la réaliser?
Voyez vous des erreur?

Merci d'avance.

Voici ma liste déroulante :
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
18
19
20
21
22
23
<select id="codeType" name="codeType"  
        onchange="
         appelerPage(
          '#entree', 
          'php/controle/param_controle_entree.php', 
          {codeCtrl:'<?=$_POST['codeCtrl']?>', codeType:$('#codeType').val()}
         ); 
         appelerPage(
          '#sortie', 
          'php/controle/param_controle_sortie.php', 
          {codeCtrl:'<?=$_POST['codeCtrl']?>', codeType:$('#codeType').val()}
         ); 
         appelerPage(
          '#validation', 
          'php/controle/cmp_param_controle_validation.php', 
          {codeCtrl:'<?=$_POST['codeCtrl']?>', codeType:$('#codeType').val()}
         );"
       >
        <option></option><?
        for ($i=0; $i<sizeof($lesTypes); $i++) {?>
         <option value="<?=$lesTypes[$i]['codeType']?>"><?=$lesTypes[$i]['libType']?></option><?
        }?>
       </select>
Je délenche le script sur le clic de la case (onclick).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<input 
        type="checkbox" id="ctrlLie" name="ctrlLie" 
        onclick="
         if ($('#ctrlLie').attr('checked')) {
          alert('trace');
          appelerPage('#listeControles1','php/controle/cmp_param_controle_lie_lsctrl.php', {idSelect:'sousControle1'});
          $('#codeType').attr('disabled', 'disabled');
         } else {
          $('#listeControles1').empty();
          $('#listeControles2').empty();
          $('#codeType').removeAttr('disabled');
         }" 
       />