1

我设置了一个基本的 html 表单，其中包含各种输入。我想从表单中获取这些输入并将它们内联显示在新页面上，在更大的股票文本块中的适当位置。

例如，表格会询问您的姓名。假设您输入“John”。然后，我想将该名称显示在新页面上的一个股票文本块中，例如：“嗨，约翰，这是您的文本。”

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

4

2 回答 2

1

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

http://jsfiddle.net/hansvedo/D63K7/

<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();
    });
});​
于 2012-12-21T00:06:24.637 回答
0

这是一个仅使用 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>
于 2012-12-20T23:57:23.900 回答