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

当某人在文本框中写入内容并将其设置为用户写入的文本时，我想更改div“结果”的文本。是否有人/专家/知识足以帮助我？我新的Java脚本，请帮助我。下面是代码：用户输入后更改div元素的文本

<!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>

我也想知道如何插入，用户写进一个提示框到页面的该元素的文本。

来源

2013-04-24 user2313853

你在你的js中有一个语法错误（删除额外的'}'） – Josh 2013-04-24 05:24:55

@ user2313853如果你有两个问题，你可能不应该把它们合并成一个这样的。对于你的代码示例，我建议关闭，因为它不可能帮助这里的其他人。如果这个问题被关闭，你的另一个问题（'如何插入...'），隐藏在最后，将被忽略，因为这种组合。 – Anthon 2013-04-24 05:36:34

除了在代码中使用了一个额外的'}'之外，您的代码绝对没问题。

<!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>

但是，在浏览器屏幕中，只有当您将控件远离文本字段时才能看到输出。尝试在输入一些内容后，点击浏览器中的其他地方。

来源

2013-04-24 05:33:21 ikis

Josh已经找到了语法错误，你应该在你的答案中给予他信用，尽管在这里重复说明你的答案完全没问题（特别是对于懒得阅读评论的人）。 – Anthon 2013-04-24 05:40:43

@Anthon同意前面指出额外的'{'，但由于提问者是JavaScript的新手，我认为她可能在不撤销文本字段的控制权（onChange不会触发）的情况下期待输出。所以接触到只是详细阐述一点。 :) – ikis 2013-04-24 05:49:27

我同意你的答案增加了价值，我只是开始回答'乔希已经指出......'。（乔希的评论最初是一个答案，并由我的旗帜之一的版主感动） – Anthon 2013-04-24 05:53:10

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

回答

相关问题