Liste déroulante et champ texte activable/désactivable

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Liste déroulante et champ texte activable/désactivable

Buzz cola

Bonjour,

Voici un petit problème pour lequel je n'ai pas pu trouvé de solution ailleurs. N'étant pas un pro de DHTML, je fais appel à toutes les bonnes volontés....

Le problème:

J'ai une liste déroulante avec un certain nombre d'items ainsi qu'un champ texte désactivé (disabled) qui accompagne cette liste.
Je voudrais que, lorsque l'utilisateur sélectionne un item bien particulier de la liste (par exemple, une entrée nommée "Autre" ), le champ texte puisse être désactivé pour pouvoir y insérer du contenu.
Si l'utilisateur sélectionne à nouveau une autre entrée (différente de "Autre" ) de la liste déroulante, le champ texte se désactive à nouveau.

Pouvez-vous m'aider ?

Un très grand merci d'avance,

Buzz cola

Publicité

j_lecruel

☀ ☁ ☂

Bon... il faut que tu mette un id à ta liste déroulante, par exemple sel, et un id à ton champ de type texte, par exemple test (Après tu adapteras pour que ça soit plus parlant dans ton script).

Il te faut gérer l'évènement onchange de ta liste déroulante... (je précise que je suis loin d'être un pro en JS donc d'autres auraient surement fait mieux.

Code :

<script type="text/javascript">
window.onload = function() {
document.getElementById("test" ).disabled = true; // on commence par désactiver le champ texte
document.getElementById("sel" ).onchange = function() {
document.getElementById("test" ).disabled = (document.getElementById("sel" ).value!="Autre" );
}
}
</script>

Message cité 1 fois

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine

Buzz cola

j_lecruel a écrit :

Code :

<script type="text/javascript">
window.onload = function() {
document.getElementById("test" ).disabled = true; // on commence par désactiver le champ texte
document.getElementById("sel" ).onchange = function() {
document.getElementById("test" ).disabled = (document.getElementById("sel" ).value!="Autre" );
}
}
</script>

C'est super, ça marche !

Un très grand merci à vous, car je me suis cassé la tête pendant logntemps sans trouver la solution !

FORUM HardWare.fr

Programmation

HTML/CSS

Liste déroulante et champ texte activable/désactivable

Sujets relatifs
ajouter un événement onfocus à un champ input	parcours liste elements dans un formulaire
Envoyer un mail a toute une liste d'adresse de la base de dommées ?	[MySQL] Quel type de champ pour quel type de données ?
[PERL] Problème avec tableaux / liste imbiqués	[RESOLU] PROB liste chainée d'objet push_back()
[général] choix d'un langage pour un traitement de texte simple	Texte lors du survol du pointeur
[PHP5] fonction qui liste les paramètres d'une méthode de classe	Liste déroulante dynamique
Plus de sujets relatifs à : Liste déroulante et champ texte activable/désactivable

Page générée en 0.041 secondes