Question

我有一个基本的html表单设置，有各种输入。我想从表单中获取这些输入，并将它们内嵌显示在新页面上，位于较大的库存文本块中的适当位置。

例如，表单会询问您的姓名。假设您输入“John”。我想在一个库存文本块中的新页面上显示该名称，例如：“嗨，约翰，这是你的文字。”

会有许多表单输入，因此使用弹出提示没有意义。我意识到这是一个非常简单的问题，但我真的坚持这个。感谢您的帮助。

Answer 1

这是一个使用jQuery的示例，它将输入的文本放在文本段落中的占位符中。你可以在这里尝试一个工作样本：

<form id="info_form">
    <input id="first_name" type="text" value="John">
    <input id="submit_button" type="submit" value="Submit">
</form>

Placeholder text
<div id="paragraph">Hi <span id="first_name_placeholder"></span>, lorem ipsum.</div>

$(document).ready(function(){
    $('#submit_button').click(function(event){
        // Stop the form from actually submitting.        
        event.preventDefault();            

        // Capture the entered name and put it into the placeholder.
        var first_name = $('#first_name').val();
        $('#first_name_placeholder').html(first_name);

        // Hide the form
        $('#info_form').hide();        

        // Reveal the paragraph.
        $('#paragraph').show();
    });
});

Answer 2

以下是仅使用Javascript的简单示例：

<html>
<body>
Name: <input type="text" id="name" />
<input type="button" value="Submit" onclick="submit()" />
<script>
function submit() {
    w = window.open();
    var name = document.getElementById('name').value;
    w.document.write('Hello ' + name + ', this is your text' );
}
</script>
</body>
</html>

处理表单数据和显示结果的最简单方法是什么？

2 个答案: