Récupération de la valeur du champ de texte à l'aide de javascript

Tu peux le faire:

Marquage:

 <input type="text" name="txt" id="txt"/> <input type="button" onclick="retrieve('txt');"/> 

JavaScript:

 function retrieve(id) { var txtbox = document.getElementById(id); var value = txtbox.value; } 

Disons que vous avez une entrée sur votre page avec un identifiant de input1 , comme ceci:

 <input type="text" id="input1" /> 

Vous devez d'abord obtenir l'élément, et si vous connaissez l'Id, vous pouvez utiliser document.getElementById('input1') . Ensuite, appelez simplement .value pour obtenir la valeur de la boîte de saisie:

 var value = document.getElementById('input1').value; 

Mettre à jour

En fonction de votre balisage, je suggérerais de spécifier un id pour votre boîte de texte. Dans le cas où vous ne maîtrisez pas le balisage, vous pouvez utiliser document.getElementsByName , de la manière suivante:

 var value = document.getElementsByName('txt')[0].value; 

L'un des moyens est déjà expliqué par Andrew Hare .

Vous pouvez également le faire en entrant la valeur dans la zone de texte et en recevant une boîte d'invite avec un message saisi lorsqu'un utilisateur clique sur le bouton.

Disons que vous avez une zone de texte et un bouton d'entrée

 <input type="text" name="myText" size="20" /> <input type="button" value="Alert Text" onclick="retrieve()" /> 

La fonction pour retrieve()

 function retrieve() { var text = document.simpleForm.myText.value; alert(text); }