用户输入后更改div元素的文本

Question

当某人在文本框中输入内容时，我想更改div“结果”的文本，并使其成为用户编写的文本。 有足够的专业/智能/知识来帮助我吗？ 我是Java脚本的新手，请帮助我。 这是代码：

<!DOCTYPE HTML>
<html>
<head>

<script>
function updateText(text){
document.getElementById("result").innerHTML =text;
}
}</script>

</head>
<body>

<div id="text">
Write to change:<input id="slide" type="text" value=""
onchange="updateText(this.value);" />


</div>
<div id="result" style="height:40px;width:40px;border:1px solid #999"></div>
<br/>
</body>

</html>

我还想知道如何将用户写的文本插入到页面的提示框中。

Answer 1

除了在代码中使用了一个额外的'}'之外，您的代码还算不错。

<!DOCTYPE HTML>
    <html>
    <head>    
    <script>
    function updateText(text){
    document.getElementById("result").innerHTML =text;
    }
    </script>    
    </head>
    <body>    
    <div id="text">
    Write to change:<input id="slide" type="text" value=""
    onchange="updateText(this.value);" />
    </div>
    <div id="result" style="height:40px;width:40px;border:1px solid #999"></div>
    <br/>
    </body>    
    </html>

但是，在浏览器屏幕上，仅当您将控件置于“文本”字段之外时，您才能看到输出。 输入一些信息后，尝试单击浏览器中的其他位置。

用户输入后更改div元素的文本

问题描述

1 个解决方案

解决方案1
0 2013-04-24 05:33:21

用户输入后更改div元素的文本

问题描述

1 个解决方案

解决方案1 0 2013-04-24 05:33:21

解决方案1
0 2013-04-24 05:33:21