Comment accéder à une zone de texte HTML par une fonction javascript?Comment accéder à une zone de texte HTML depuis javascript?
Répondre
Set propriété ID sur zone de texte et utiliser la fonction document.getElementById() ... Exemple ci-dessous:
<html>
<head>
<script type="text/javascript">
function doSomethingWithTextBox()
{
var textBox = document.getElementById('TEXTBOX_ID');
// do something with it ...
}
</script>
</head>
<body>
<input type="text" id="TEXTBOX_ID">
</body>
</html>
Par souci de concision, cela n'obtiendrait pas réellement la valeur de la zone de texte (TEXTBOX_ID) sauf si vous appeliez la fonction doSomethingWithTextBox(). Vous devrez appeler la fonction doSomethingWithTextBox() après votre balise d'entrée (TEXTBOX_ID) sinon, doSomethingWithTextBox() recherchera une zone de texte qui n'existe pas encore, et vous obtiendrez une erreur. –
document.getElementById ('textboxid') valeur. ou document.formname.textboxname.value
Donnez votre textbox un attribut id
, et après, vient le chercher avec document.getElementById('<textbox id>')
.
D'abord, vous devez être en mesure d'obtenir une référence DOM (modèle objet de document) à la zone de texte :
<input type="text" id="mytextbox" value="Hello World!" />
Notez l'attribut id
, la zone de texte a maintenant l'ID mytextbox
.
La prochaine étape est d'obtenir la référence en JavaScript:
var textbox = document.getElementById('mytextbox'); // assign the DOM element reference to the variable "textbox"
Cela récupérer un élément HTML par son attribut id
. Notez que ces identifiants doivent être uniques, vous ne pouvez donc pas avoir deux zones de texte avec le même identifiant.
Maintenant, la dernière étape consiste à récupérer la valeur de la zone de texte:
alert(textbox.value); // alert the contents of the textbox to the user
La propriété value
contient le contenu de la zone de texte, et voilà!
Pour plus référence, vous pouvez vérifier certaines choses sur au MDC:
GetElementByID Reference
Input Element Reference
A general overview of the DOM
Très simplement, essayez ceci:
<!doctype html>
<html>
<head>
…
</head>
<body>
<form>
<input id="textbox" type="text" />
</form>
<script>
var textboxValue = document.getElementById("textbox").value;
</script>
</body>
Le variable textboxValue
équivaudrait à wha vous avez tapé dans la zone de texte. Rappelez-vous que vous devez placer votre script, s'il est écrit simplement, après que la zone de texte (input
) apparaisse dans votre HTML, sinon lorsque la page se chargera, vous obtiendrez une erreur, car le script cherche input
champ qui n'a pas encore été créé par le navigateur.
J'espère que cela aide!
- 1. Ajout d'une variable javascript à une zone de texte html
- 2. comment cacher le texte dans une zone de texte html
- 3. comment ajouter plusieurs valeurs une zone de texte à une autre zone de texte en javascript?
- 4. Zone de texte HTMl
- 5. JavaScript: Comment ajouter des sauts de ligne à une zone de texte HTML?
- 6. Comment puis-je intégrer une zone de texte dans une autre zone de texte en HTML?
- 7. Comment récupérer la valeur de la zone de texte asp.net depuis javascript?
- 8. Comment accéder au contenu d'une zone de texte HTML sur une page?
- 9. Comment copier le contenu d'une zone de texte vers une autre zone de texte à l'aide de javascript?
- 10. Comment passer du texte dans une zone de texte à la fonction JavaScript?
- 11. Comment afficher le HTML dans une zone de texte
- 12. html zone de texte histoire
- 13. Comment donner l'ID à la zone de texte html?
- 14. Liaison d'une zone de texte à une propriété d'objet javascript
- 15. Je souhaite obtenir la valeur d'une zone de texte dans une zone de texte en html/javascript ou jsp/ajex
- 16. Comment affecter la valeur de textbox à une autre zone de texte en html?
- 17. Comment effacer une zone de texte en utilisant javascript
- 18. comment obtenir une valeur de zone de texte HTML dans une autre table HtMl
- 19. comment accéder à la base de données via javascript?
- 20. comment accéder à mysql depuis iphone
- 21. Accéder à RequestContext depuis global.asax
- 22. Zone de texte HTML, texte de mise en surbrillance automatique
- 23. désactiver la zone de texte en html?
- 24. HTML5 localStorage avec une zone de texte
- 25. Comment accéder à l'objet fenêtre depuis XUL?
- 26. Comment rendre du texte sous une zone de texte?
- 27. Accéder à la variable javascript du document depuis l'extension firefox
- 28. Passer une variable javascript à html textbox
- 29. Comment accéder à la session depuis une classe ActionMailer?
- 30. SetFocus à une zone de texte wpf
Voulez-vous dire, pour obtenir la valeur de la zone de texte? –
oui exactement. sans retourner au serveur par –
[Plus de façons dans le fil précédent] (http://stackoverflow.com/questions/4206336/how-do-i-use-javascript-to-update-the-values-of-hidden- input-fields/4206459 # 4206459) – Tobias