Question

我有一个名为“userInput”的文本框和一个提交按钮。我想打印用户输入的文本框的值，如堆栈（以前的值，而不仅仅是当前值）。

任何想法.. ??

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

提前感谢！

Answer 1

var stack = [];

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

您可以将该事件更改为模糊，对焦等，具体取决于您希望记录的值。

Answer 2

提交按钮通常用于提交表单。提交表单是向服务器发送请求并刷新页面。因此，在您的服务器端脚本中，您可以阅读已发布的值并在结果页面中显示它们（您不需要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;
    });
});

Answer 3

经过测试的解决方案：

<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>

如何动态打印文本框的值

3 个答案: