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

Version imprimable

01/02/2011, 17h00
Davesique

griser une liste déroulante en fonction d'un champ texte
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 ?
01/02/2011, 17h10
SpaceFrog

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

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.

03/02/2011, 16h57
Bovino

Code:

<select name="Choix">

Code:

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

JavaScript est sensible à la casse, donc Choix != CHOIX :roll:
D'autre part, tu sembles traiter Choix comme s'il s'agissait d'une cleection de boutons radio, or c'est un select :koi:
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 :aie:
Et pour info, les valeurs de checked, c'est true ou false, par 0 ou 1.