Discussion :

[Davesique]

Bonjour.

Pourriez-vous, s'il vous plaît, m'aider à afficher conditionnellement une liste déroulante ?

Je dispose d'une liste déroulante et d'un champ texte très simples :

Code :

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

1
2
3
4
<select name="Choix">
			<option id="non">Non</option>
			<option id="oui">Oui</option>
</select>

Code :

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

<input type="text" name="Texte">

Quel évènement faut-il ajouter à la liste déroulante (ou au champ Texte) pour que celle-ci devienne grisée ou non en fonction du texte placé dans le champ Texte ?

[SpaceFrog]

sur le onblur ou onkeyup (+onmouseup) du champ texte il suffit de teste son .value pour attribuer ou non un disabled au select ...

[Davesique]

Merci pour votre réponse.

J'ai écrit le code suivant, mais cela ne marche pas.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
 <table border="0" cellpadding="3" cellspacing="0" width="100%" id="table_1">
<tr>
<td>
<script language="Javascript">
  function ForcerCaseCochee()
  {
     if (document.getElementsByName("CTEXT")[0].value == "OUIS"){
         document.getElementsByName("CHOIX")[0].checked=1;
         document.getElementsByName("CHOIX")[0].disabled = true;
   }
     if (document.getElementsByName("CTEXT")[0].value == "OUIO"){
         document.getElementsByName("CHOIX")[0].checked=1;
         document.getElementsByName("CHOIX")[0].disabled = false;
   }
    if (document.getElementsByName("CTEXT")[0].value == "NONO"){
        document.getElementsByName("CHOIX")[0].checked=0;
        document.getElementsByName("CHOIX")[0].disabled = false;
   }
    if (document.getElementsByName("CTEXT")[0].value == "NONS"){
        document.getElementsByName("CHOIX")[0].checked=0;
        document.getElementsByName("CHOIX")[0].disabled = true;
   }                              
 }
</script>
</td>
<td>
   <input type="text" onBlur="ForcerCaseCochee()" value="" size="20" maxlength="7" name="CTEXT">
</td>
<td>
<label for="CHOIX">
Choix
<input type="checkbox" name="CHOIX">
</label>
</td>
</tr>
</table>

Lorsque j'écris une des 4 valeurs (OUIS, OUIO, NONO, NONS) dans le champ "CTEXT" et qu'ensuite je clique en dehors, il ne se passe rien, la checkbox n'est ni grisée ou non ni cochée ou non.

Pourriez-vous, s'il vous plaît, m'aider à trouver la solution ?

Merci.

[Bovino]

Code :

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

<select name="Choix">

Code :

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

document.getElementsByName("CHOIX")[0].checked=1;

JavaScript est sensible à la casse, donc Choix != CHOIX
D'autre part, tu sembles traiter Choix comme s'il s'agissait d'une cleection de boutons radio, or c'est un select
En particulier, un select n'a pas de propriété checked, donc pas étonnant que ton code n'aille pas au-delà de cette erreur
Et pour info, les valeurs de checked, c'est true ou false, par 0 ou 1.