un bouton et un formulaire

**fagadoo** · 20/02/2011, 23h51

Bonsoir,
encore un souci de débutant:
soit un bouton ID="button1"
Je veux simplement (au moins dans un premier temps) qu'un clic sur ce bouton modifie un champs de texte (ID="HT") dans un formulaire:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
 
document.getElementById('button1').onclick=function (){voir();};
 
function voir(){
document.getElementById('HT').value=3;
}
 
</script>

lorsque je clique sur mon bouton, la valeur 3 apparait bien dans mon formulaire mais disparait aussi rapidement.
Je me dis que ma variable n'existe plus en dehors du script et que je dois chercher ailleurs.
Mais si je change 'onclick' par 'onmouseover', la valeur reste dans mon formulaire... alors, je ne comprends plus et je cherche une solution auprès de personnes expérimentées

**Willpower** · 21/02/2011, 02h01

Ton script est-il bien placé en bas de page ou dans window.onload ? Autrement je ne vois vraiment pas comment une valeur peut disparaître de son plein gré. Peux-tu nous donner plus de code stp. ?

**fagadoo** · 21/02/2011, 10h27

Mon script est bien placé en bas de page. J'ai résolu mon problème en appelant ma fonction avec onclick (à la DOM1). Rien d'excitant mais cela fonctionne.
Cordialement

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<body>
<form id="form1" name="form1" method="post" action="">
  <input type="button" name="button" id="button" value="Envoyer" onclick="voir();" />
  <label for="txt"></label>
  <input type="text" name="txt" id="txt" />
</form>
 
 
<script type="text/javascript">
function voir(){
document.getElementById("txt").value=3;
}
</script>
 
</body>

**Bovino** · 21/02/2011, 11h26

Code :

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

document.getElementById('button1').onclick=function (){voir();};

Code :

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

<input type="button" name="button" id="button" value="Envoyer" onclick="voir();" />

un bouton et un formulaire

JavaScript

Discussions similaires

Partager

Partager