griser une liste déroulante en fonction d'un champ texte

[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 :

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

Code :

<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 :

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 :

<select name="Choix">

Code :

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.