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 :

<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...

<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

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

 

[kms]

J'ai a peu pré le même probléme.
Mais moi ma liste déroulante puise puise d'une requête sql.
je voudrais recupérer la valeur value=$id_p[$i] dans la même page en faisant mon choix à partir de liste déroulante.
Que faire ?


echo"
<td align=center valign=top>
<font color=#000000 size=1 face=Verdana, Arial, Helvetica, sans-serif>


<select name='liste_pays' onChange='this.document.submit()'>
<option value='choix' >choisir le pays</option>";

for ($i=0; $i<$cpt1; $i++)
{

echo"<option value=$id_p[$i]>$nom_p[$i]</option>";

}

echo"</select>";
//echo"<input id='text_field' name='text_field' type='hidden' value='<?=this.value>' >";
echo"<input type='text' id='text_field' >";

echo"</font></td> ";