Discussion :

[lodan]

Bonjour,

Dans un formulaire, j'ouvre une fenêtre modale (j'utilise jquery).

Dans cette fenêtre modal, j'essaye de récupérer la valeur d'un champ.

Code :

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

1
2
<input type="text" name="client_nom_liv_" id="client_nom_liv_" maxlength="200" size="70" value="" 
            onkeydown="alert(document.getElementById('client_nom_liv_').value);"/>

J'ai beau saisir une valeur elle ne s'affiche pas dans l'alert.

Si je fais

Code :

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

1
2
<input type="text" name="client_nom_liv_" id="client_nom_liv_" maxlength="200" size="70" value="aaaaa" 
            onkeydown="alert(document.getElementById('client_nom_liv_').value);"/>

J'ai bien la valeur "aaaaa" dans mon alert.

J'en conclu donc que le fait d'utiliser une fenêtre modale ne me permet pas de faire document.getElementById('client_nom_liv_').value.

Si je change dans mon alert client_nom_liv_ par client_nom qui est un champ du formulaire non modal alors j'ai bien la valeur de ce champ dans mon alert

Code :

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

1
2
<input type="text" name="client_nom_liv_" id="client_nom_liv_" maxlength="200" size="70" value="aaaaa" 
            onkeydown="alert(document.getElementById('client_nom').value);"/>

Voici ma question : Comment récupérer la valeur de mon champ client_nom_liv_ de ma fenêtre modal

[NoSmoking]

Bonjour,
il faut à minima attendre que l'input soit mis à jour, donc par sur le keydown, l'action est en cours, essaies avec keyup.

Code :

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

1
2
<input type="text" name="client_nom_liv_" id="client_nom_liv_" maxlength="200" size="70" value=""
  onkeyup="alert(document.getElementById('client_nom_liv_').value);"/>

[lodan]

Bonjour et merci,

onkeyup, onchange, rien n'y fait.

[NoSmoking]

Bonjour et merci,

onkeyup, onchange, rien n'y fait.

Code :

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

1
2
3
<input type="text" name="client_nom_liv_" id="client_nom_liv_" maxlength="200" size="70" value=""
  onkeyup = "document.getElementById('debug').innerHTML = this.value;">
<div id="debug"></div>

tu devrais quand même voir la modification s'opérer.
- Pour le onchange, il faut attendre la perte de focus de l'élément
- Pour le onkeypress, les navigateurs ne t'afficheront pas le dernier caractère saisie sauf à mettre un timeOut.