0

ボックスに入力した名前をJavaScriptに取得させて、onblurイベントが発生したときに段落が出力された場所に表示されるようにする方法が見つからないようです。

<!DOCTYPE html>

<!--

INFX1606 - Starter kit for Assignment 5.

-->



    <head>

        <meta charset="utf-8">
        <meta name="author" content="Joey Fultz">
        <meta name="description" content="Assignment 5">

        <title>First Swing at Javascript</title>

        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

        <script type="text/javascript" src="js/scripts.js"></script>

    </head>
    <body>
        <div class="all">
            <div class="title">
                <h2>Javascript</h2>
            </div>

            <div>
                <h3>Name and Banner</h3>
            </div>
            <span>
                <label for="namebanner">Name:</label>
                <input type="text" id="namebanner" name="namefield" onblur="showname() value">
            </span>
            <p id="p1"></p>
        </div>







    </body>
</html>

function showname() {
    var x = document.getElementById("namebanner");
    x.value = x.value.to("p1");
}

JavaScriptが間違っている理由と、onblurイベントが発生したときに名前が表示されない理由を知りたいです。

4

1 に答える 1

1

これは、JQuery を使用すると非常に簡単に実行できます。

<input type="text" id="namebanner" name="namefield" />

<script>
    $(function(){
        $('#namebanner').blur(function(){
            $('#p1').text( $(this).val() );
        });
    });
</script>

またはプレーンなJavaScriptで

<script>
    function showname(){
        var x = document.getElementById("namebanner");
        document.getElementById("p1").innerHTML = x.value;
    }
</script>
于 2012-11-01T02:18:46.390 に答える