Discussion :

[Tyra3l]

Bonjour à tous,

Voilà, j'essaie de faire une fonction javascript ou jQuery qui me permette de cacher une option d'un select.

Je m'explique :
J'ai deux <select> avec des options bien différentes dans les deux.
Seulement j'ai une contrainte me disant que la deuxième option de la seconde liste ne peut être sélectionnable si et seulement si l'option 1 du premier select est sélectionné.

Autrement dit, si je n'ai pas choisis la 1ère option de la première liste, je ne dois voir que la première option de la deuxième liste.

Ca parait simple mais je n'arrive absolument pas à faire ce que je désire.

J'ai essayé différentes choses comme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function disableChoice()
            {
                $('#test').hide(); // id de l'option a cacher
                if($('#code).val() != 'truc') { // Id du premier select
                    $('#test').show();
                }
            };

Ou encore :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function disableChoice()
            {
                $('#test').attr('disabled="disabled"'); // id de l'option a cacher
                if($('#code).val() != 'truc') { // Id du premier select
                    $('#test').attr('selected="selected"');
                }
            };

Mais sans succès...

Pourriez-vous m'aider ?
Je suis preneur de toute solution, aussi bien en cachant l'option qu'en la grisant etc...

Merci d'avance.

[Dave Lopeur]

Tu dois pouvoir le faire avec une fonction javascript dans ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElemenyById('tonSelect2').innerHTML = 'la liste de tes selects';

Quite à boucler de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
for (i=0; i<maListeDeSelect.length; i++) {
  if !((i==1) && (document.getElementById('idDuSelect1').value == 'valeur2')) {
    document.getElemenyById('tonSelect2').innerHTML = maListeDeSelect[i];
  }
}

[Tyra3l]

Merci beaucoup de ta réponse.

Toutefois, j'ai opté pour une autre solution plus simple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
                /**
                 * Allow second choice only if the system code is SAP
                 */
            function disableChoice()
            {
                if($('#code').val() != 'truc') {
                    $('#test').attr('disabled', 'disabled');
                } else {
                    $('#test').removeAttr('disabled');
                }
            };
</script>

Merci encore pour l'aide.

Bonne journée