Remplir un INPUT au click sur un bouton

bonjour je souhaite remplir le contenu d'un input quand je clique sur un bouton
voici le code

Code:

---

1 2 3 4 5 6 7

function remplirinput() { var textsort =document.getElementById('sortie'); textsort.value = textsort.value + "mon message";     }

---

mon code html

Code:

---

1 2 3 4 5

<input type="text" id="entree">     <button onclick="remplirinput();">convert >></button> <input type="text" id="sortie">

---

mon problème c'est que ça marche juste après le clic et ça disparut après
peut être que je doit utilisé un autre éventement que onclick
merci de m’éclairer

Bonjour,

Citation:

---

... après le clic et ça disparut après ...

---

si tes éléments sont situés entre des balises <form></form>, le formulaire est soumis compte tenu qu'un élément <button> est de type submit par défaut.

Essaie :

Code:

---

<button type="button" onclick="remplirinput();">convert >></button>

---

Bien vu Nosmok!

Par ailleurs badrou, ce que tu demandes est étrange puisque chaque clic entraînera l'ajout de la chaîne;

Bref, provisoirement, ajoute return false à ton appel de fonction;

merci pour la réponse c'est clair

Citation:

---

Envoyé par javatwister

Bref, provisoirement, ajoute return false à ton appel de fonction;

---

oui pour l'ajout du texte c'est moi qui le veut comme ça
par contre le return false c'est important ??

oui, ça empêche la soumission du formulaire;

• Si l'on met un return false alors ...
il faut le mettre en retour de fonction

Code:

---

1 2 3 4 5

function remplirinput() { var textsort = document.getElementById('sortie'); textsort.value = textsort.value + "mon message"; return false; }

---

et dans l'appel inline de la fonction

Code:

---

<button onclick="return remplirinput();">convert >></button>

---

• Une autre solution serait de prévenir le comportement par défaut via l'utilisation de event.preventDefault, dans ce cas le code deviendrait
Appel :

Code:

---

<button onclick="return remplirinput(event);">convert >></button>

---

.... on passe event en paramètre à la fonction

Fonction :

Code:

---

1 2 3 4 5 6

function remplirinput(e) { e.preventDefault(); var textsort = document.getElementById('sortie'); textsort.value = textsort.value + "mon message"; //return false; }

---

• Ressource :
↪ event.preventDefault

et pour simplifier

Code:

---

1 2 3 4 5 6 7 8

function remplirinput(e){ document.getElementById('sortie').value += "mon message"; e.preventDefault(); }   ......   <button onclick="remplirinput(event);">convert </button>

---