Discussion :

[Dbo08]

Bonjour à tous
J’aimerais affecter la valeur d’une balise <a> à un input en html, mais je n’y arrive pas

Ce que j’ai essayé :

Html

Code html :

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

1
2
3
<a onclick='f1()'>Bouton 1 </a>
<input id='input1'>
<button id='b1'>Valider</button>

Js :

Code :

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

1
2
3
function f1(){
document.getElementById('input1').value = this.innerHTML;
}

Mais dans le champ input on me retourne undefined, au lieu de 'Bouton1'

Merci d’avance pour votre aide

[binarygirl]

onClick devrait aller dans le button non ?
this.innerHTML est effectivement undefined, à votre avis que représente this ici ?

Essayez console.log(this); par exemple, d'ailleurs je conseille cette technique pour débugger du code JS et voir ce qu'on manipule.

[ASCIIDEFOND]

Salut Dbo08,

Code Html :

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

1
2
3
<a onclick='f1(this)'>Bouton 1 </a>
<input type="text" id="input1">
<button id='b1'>Valider</button>

Code JavaScript :

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

1
2
3
   function f1(elem) {
       document.getElementById('input1').value = elem.innerText
   }