Как распечатать значение текстового поля динамически - PullRequest
Новая
       1

Как распечатать значение текстового поля динамически

0 голосов
/ 26 августа 2010

У меня есть текстовое поле с именем «userInput» и одна кнопка отправки. Я хочу напечатать значение текстового поля, которое вводится пользователем как стек (также предыдущие значения, а не только текущее значение).

любая идея .. ?? 

<input type="text" name="userInput"/>
<input type="button" name="sub" value="submit">

Спасибо заранее!

Ответы [ 3 ]

1 голос
/ 26 августа 2010 
var stack = [];

$("input [name=userInput]").change(function () { stack.push(this.value); });

Вы можете изменить это событие на размытие, фокус и т. Д. В зависимости от того, когда вы хотите записать значения.

0 голосов
/ 26 августа 2010

Проверенное решение: 

<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>
0 голосов
/ 26 августа 2010

Кнопка отправки обычно предназначена для отправки формы.Отправка формы - это отправка запроса на сервер и обновление страницы.Таким образом, в вашем серверном скрипте вы можете прочитать опубликованные значения и показать их на странице результатов (для этого вам не нужен javascript).

Если вы не хотите перенаправлять, вы можете обработать событие submitи отмените отправку по умолчанию: 

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;
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...