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