lien HTML pour changer la valeur d'une zone de texte
-
03-07-2019 - |
Question
J'essaie de créer du texte en HTML, puisqu’une fois cliqué, la valeur d’une zone de texte située à proximité de celle-ci change pour que sa valeur soit égale à celle du texte cliqué. Y a-t-il un moyen de le faire?
En d'autres termes, je veux la fonctionnalité d'un bouton (l'événement onClick) pour un lien / texte. Par exemple: qu'est-ce qui ne va pas avec cela?
<td>
<input type="submit" name="submit" value=<%=text.toString()%>
onClick="(<% TextBox1.Text=text.toString()%>)"
style="background:none;border:0;color:#ff0000">
</td>
La solution
En supposant que l'entrée comporte un attribut id avec la valeur "foo":
onclick="document.getElementById('foo').value='bar';"
Des structures telles que JQuery peuvent simplifier un peu les choses:
$('#foo').attr('value', 'bar');
On pourrait ajouter cet événement à un élément span, par exemple. Il est recommandé d’utiliser un script pour définir ces événements et ces styles spéciaux de manière à refléter la manière dont ils agissent, de sorte que, sans script, leur comportement (inexistant) différent ait toujours un aspect intuitif.
Autres conseils
Vous pouvez le faire comme ça:
<span onclick="document.getElementById('myTextbox').value=this.innerHTML;">text</span>
<input type="text" value="" id="myTextbox">
Avec JQuery:
<span onclick="$('#myTextbox').val(this.innerHTML);">text</span>
<input type="text" value="" id="myTextbox">