Fonction qui ne s'exécute pas (Disable/Enable textbox)

skandhal · 10/01/2011, 15h37

Bonjour à toutes et tous,

Tout d'abord, bonne année à vous

Et comme d'habitude je vous expose en premier lieu ma situation.

Donc j'ai un formulaire avec plusieurs input de type text et des select.

Voici un morceau du formulaire:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<tr> <!-- Fictif -->
	<td class="txtL">Fictif</td>
	<td>
		<select id="fictif" name="f_fictif" onchange="check_fictif_matricule(this.value);">
			<option value="0">Non</option>
			<option value="1">Oui</option>
		</select>
	</td>
	<td id="hfictif" class="hidden">Ce champ est obligatoire</td>
</tr>
<tr> <!-- Matricule -->
	<td class="txtL">Matricule</td>
	<td><input id="matricule" type="text" name='f_matricule' maxlength="32" size="35"/></td>
	<td id="hmatricule" class="hidden">Ce champ est obligatoire</td>
</tr>

Je souhaite faire en sorte que lorsque l'utilisateur choisit l'option "OUI" dans le select "Fictif", le input "Matricule" deviennent "disable", autrement dit qu'il soit désactivé. Et dans le cas où, l'option choisit est "NON" que le input deviennent "enable".

J'ai donc créé une petite fonction JS mais je suis sans résultat pour le moment, il ne se passe rien.

Voici la fonction JS que j'ai mis en place.

Code JavaScript :

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

1
2
3
4
5
function check_fictif_matricule(value)
{
	if ( value == 1 )document.form_ajouter_agent.f_matricule.disabled = true;
	else document.form_ajouter_agent.f_matricule.disabled = false;
}

Mon formulaire s'appelle: form_ajouter_agent
Mon script est bien renseigné dans mon <head> HTML.
Ma fonction est appelée à l'évènement onchange sur le select.

Quelques choses doit m'échapper ou alors je m'y prend mal pour récupérer la valeur de mon select et donc je ne peux pas parvenir à changer l'état disabled/enabled de mon input.

Que me conseilleriez-vous? Y a t il une autre solution?

Merci par avance à ceux qui me liront et peut-être répondrons.

Encore bonne année tout le monde

Fonction qui ne s'exécute pas (Disable/Enable textbox)

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager