J'ai une zone de texte appelée "userInput" et un bouton de soumission. Je veux imprimer la valeur de la zone de texte qui est entré par l'utilisateur comme une pile (valeurs précédentes aussi, pas seulement la valeur actuelle).Comment imprimer la valeur de la zone de texte dynamiquement
une idée .. ??
<input type="text" name="userInput"/>
<input type="button" name="sub" value="submit">
Merci d'avance!
var stack = [];
$("input [name=userInput]").change(function() { stack.push(this.value); });
Vous pouvez modifier cet événement pour qu'il soit flou, net, etc. selon le moment où vous souhaitez enregistrer les valeurs.
Un bouton de soumission est généralement utilisé pour soumettre un formulaire. Envoyer un formulaire envoie une requête au serveur et actualise la page. Ainsi, dans votre script côté serveur, vous pouvez lire les valeurs affichées et les afficher dans la page résultante (vous n'avez pas besoin de javascript pour cela).
Si vous ne voulez pas vous rediriger pouvez gérer l'événement et soumettre annuler la présentation par défaut:
var values = [];
$(function() {
$('#id_of_form').submit(function() {
// get the entered value:
var userInput = $(':input[name=userInput]').val();
// add the current value to the list
values.push(userInput);
// show the values
alert(values.join(", "));
// cancel the default submission
return false;
});
});
solution testée:
<html>
<head>
<script type="text/javascript">
function AddToStack() {
var userInput = document.getElementById('userInput');
var stack = document.getElementById('stack');
stack.innerHTML += '<p>' + userInput.value + '</p>';
//clear input an refocus:
userInput.value = '';
userInput.focus();
}
</script>
</head>
<body>
<div id="stack"></div>
<input type="text" name="userInput" id="userInput"/>
<button type="button" name="sub" onclick="AddToStack();">Submit</button>
</body>
</html>
:: Thnak pour votre réponse.Je veux imprimer la valeur de la zone de texte en utilisant lorsque vous cliquez sur le bouton soumettre. – smartcode
:: Je veux passer la valeur de la zone de texte en utilisant la méthode post.So je l'entoure
tags.Now Il n'imprime pas la valeur de la zone de texte. Une idée .. ?? – smartcode
Vous devez envoyer ce que vous avez essayé jusqu'à présent , plutôt que de nous demander d'écrire votre code (plutôt trivial) pour vous. – meagar
J'ai édité ma réponse pour avoir une solution de travail. – Basic