У меня есть текстовое поле под названием «userInput» и одна кнопка submit. Я хочу напечатать значение текстового поля, которое вводится пользователем подобно стеку (предыдущие значения также не просто текущее значение).Как напечатать значение текстового поля динамически
любая идея .. ??
<input type="text" name="userInput"/>
<input type="button" name="sub" value="submit">
Благодарим заранее!
var stack = [];
$("input [name=userInput]").change(function() { stack.push(this.value); });
Вы можете изменить это событие на размытие, фокусировку и т. Д. В зависимости от того, когда вы хотите записать значения.
Кнопка отправки обычно предназначена для отправки формы. Отправка формы отправляет запрос на сервер и обновляет страницу. Таким образом, в скрипте на стороне сервера вы можете прочитать опубликованные значения и показать их на результирующей странице (для этого вам не нужен javascript).
Если вы не хотите, чтобы перенаправить вы могли бы обрабатывать отправить событие и отменить отправку по умолчанию:
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;
});
});
проверенное решение:
<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>
Вы должны отправить то, что вы пытались до сих пор , вместо того, чтобы просить нас написать свой (довольно тривиальный) код для вас. – meagar
Я отредактировал свой ответ, чтобы иметь рабочее решение. – Basic