Récupérer valeur champ en javascript

[Get Dat Paper]

Bonjour,

je suis confronté à un problème de base en javascript... en effet j'aimerais récupérer la valeur d'un champ texte... j'y arrive, mais ça ne fonctionne pas lorsque cette valeur est modifiée.

Voici mon code :

Code: Tout sélectionner


<input type="text" id="quant" value="1" />

<script type="text/javascript">
document.write(document.getElementById('quant').value);
</script>



Au chargement de la page j'obtiens bien "1", mais lorsque j'essaye de modifier la valeur du champ, le document.write continue d'afficher "1" !

A l'aide !

Merci

[Bacteries]

Bah oui ton code ne va pas faire de MAJ si tu lui dis pas...

Code: Tout sélectionner

<input type="text" id="quant" onchange="maj()" value="1" />

<script type="text/javascript">
function maj() {
document.write(document.getElementById('quant').value);
}
maj();
</script>


[Get Dat Paper]

Merci beaucoup de ton aide bacteries, j'ai essayé mais ça donne quelque chose d'assez bizarre : en changeant la valeur du champ celui-ci disparait de la page !

[Bacteries]

Bah c'est ce que faisait ton code...
document.write ça réecrit ton document.

Pour faire ce que tu veux tu dois récupérer un div ou un span qui a un ID et mettre dans l'attribut innerHtml ta variable.

En gros un truc du style

Code: Tout sélectionner

document.getElementById('taDiv').innerHTML =document.getElementById('quant').value