1

さまざまな入力を使用して、基本的な html フォームをセットアップしました。これらの入力をフォームから取得し、新しいページのインラインで、ストック テキストの大きなブロック内の適切な場所に表示したいと考えています。

たとえば、フォームはあなたの名前を尋ねます。「ジョン」と入力したとしましょう。次に、ストック テキストのブロック内の新しいページにその名前を表示したいと思います。たとえば、「こんにちは、ジョン、これはあなたのテキストです。」

多数のフォーム入力があるため、ポップアップ プロンプトを使用しても意味がありません。これは非常に単純な質問だと思いますが、私は本当にこれにこだわっています。お手伝いありがとう。

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 に答える