Désactiver un champs

Invité · 06/03/2006, 18h12

Bonjour!
J'ai un menu déroulant où il y a plusieurs choix et un champ de texte en-dessous.
Lors ce qu'on séléctionne le premier choix,je veux que le champ de texte se désactive pour qu'on puisse pas y insérer du texte.
Une idée? Merci!

**gorgonite** · 06/03/2006, 19h06

tu connais les propriétés
- disabled pour les éléments de formulaire
- readonly pour les éléments de texte

Invité · 07/03/2006, 01h13

Je les connais,mais je ne sais pas comment les utiliser pour désactiver le champ juste lors qu'on séléctionne un certain choix.

**ilood** · 07/03/2006, 02h54

Salut

Pour ça il faut se tourner vers Javascript.

**Kerod** · 07/03/2006, 03h11

Petit exemple valable pour tout type (je parle du bouton, on peut mettre une checkbox ou autre)

Code :

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

1
2
<input id="test"  type="text" value="test"/> 
<input type="button" onclick="document.getElementById('test').disabled=true"/>

ou encore :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script language="javascript">
function modif()
{
  document.getElementById('test').disabled=(document.getElementById('test').disabled==true)?false:true;
}
</script>
<input id="test"  type="text" value="test"/> 
<input type="checkbox" onclick="javascript:modif()"/>

Invité · 07/03/2006, 11h33

Exemple 1:

Code :

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

1
2
3
4
5
<input id="test"  type="text" value="test">
<select size="1" name="combo" onclick="document.getElementById('test').disabled=true">
<option>select</option>
<option>AAA</option>
</select>

Exemple 2:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
function modif()
{
  document.getElementById('test').disabled=(document.getElementById('test').disabled==true)?false:true;
}
</script>
</head>
<body>
<input id="test"  type="text" value="test"/>
<select size="1" name="combo" onclick="javascript:modif()">
<option>select</option>
<option>AAA</option>
</select>

Dans les 2 exemples,le champ de texte se désactive quel que soit le choix,or moi je veux que ça soit rien que pour l'option "select". J'ai essayé ça aussi mais ça donne rien: <option onclick="document.getElementById('test').disabled=true" >select</option>

**denisC** · 07/03/2006, 11h39

Envoyé par CASANOVAlaa

Dans les 2 exemples,le champ de texte se désactive quel que soit le choix,or moi je veux que ça soit rien que pour l'option "select". J'ai essayé ça aussi mais ça donne rien: <option onclick="document.getElementById('test').disabled=true" >select</option>

Il n'y a pas de onclick sur une option. Tu es obligé de passer par le select et de vérifier l'option selectionné dans le select via la propriété selectedIndex (ou eventuellement value). C'est dans la

Invité · 07/03/2006, 13h42

J'ai vu les exemples sur la FAQ mais j'arrive toujours pas à le fair!!!

**Kerod** · 07/03/2006, 15h11

Et un autre exemple avec un select :

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
<html>
 
<body>
<script language="javascript">
function modif()
{
 if(document.getElementById('combo').options[document.getElementById('combo').selectedIndex].value==2
) document.getElementById('test').disabled=false;
 else
  document.getElementById('test').disabled=true;
}
</script>
</head>
<body>
<input id="test"  type="text" value="test"/>
<select size="1" id="combo" onchange="javascript:modif()">
<option value="1">select</option>
<option value="2">AAA</option>
</select>
</body>
</html>

Invité · 10/03/2006, 16h45

Merci infiniment pour ton exemple!

Désactiver un champs

JavaScript

Discussions similaires

Partager

Partager