Question

我正在寻找能够在其下方的textarea显示文本而不点击任何提交按钮的内容。（如下面的Stackoverflow预览）。我有HTML代码，但我不熟悉JavaScript，所以如果有人能帮忙解决这个问题，我将不胜感激。

如下图所示

enter image description here

Answer 1

Pure Javascript：

 <input onkeyup="document.getElementById('demo').innerText='you typed ' + this.value">
 <div id="demo"></div>

您应该分离标记和脚本并使用处理程序。这也可以使用纯（vanilla）javascript来完成，但使用jQuery库更容易：http://www.jquery.com

demo.js

jQuery(function($){
  $("#mytext").keyup(function(){
     $("#demo").text("You typed: " + this.value);
  });
});

demo.html

<html>
  <head>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="demo.js"></script>
  </head>
  <body>
    <input id="mytext"><div id="demo"></div>
  </body>
</html>

从textarea显示动态文本

1 个答案: