如何通过文本字段输入用户数据，然后在文本字段下方立即显示？

Question

我是Java语言的新手，但基本上我想带给用户文本，一旦他们按下按钮，就可以将其输出到按钮下方。 这是我到目前为止的内容：

 <html lang="en"> <head> <meta charset="utf-8" /> <title>title</title> <link rel="stylesheet" href="main.css"> <script> var message = "#"; $("#message").text(message); </script> </head> <body> <div id="wrapper"> <var id="message"></var><textarea rows="4" cols="50" placeholder="Enter their post here, exactly word for word." id="post"></textarea></var> <button type="button">Submit</button> </div> </div> </body> </html>

Answer 1

这是没有jQuery的。

向您的按钮添加一个id ，并创建一个id为'textDiv'的空白文本区域，然后尝试执行此操作。

<script type="text/javascript">

         var button = document.getElementById('button_ID');
         button.addEventListener('click',showText);

         function showText() {
             document.getElementById('textDiv').innerHTML = 'new text'; 
         }    
</script>

Answer 2

$("#button").click(function(){

   var text = document.getElementById("post").value;

   $("#message").html(text);
});



    <div id="wrapper">
    <textarea rows="4" cols="50" placeholder="Enter their post here, exactly word for word." id="post"></textarea>
    <button id="button" type="button">Submit</button>

    </div>

    <span id="message"></span>

结果： http : //jsfiddle.net/YoshiMaster/1r177khr/4/

如何通过文本字段输入用户数据，然后在文本字段下方立即显示？

问题描述

2 个解决方案

解决方案1
0 2014-09-30 00:32:48

解决方案2
0 2014-09-30 00:34:32

如何通过文本字段输入用户数据，然后在文本字段下方立即显示？

问题描述

2 个解决方案

解决方案1 0 2014-09-30 00:32:48

解决方案2 0 2014-09-30 00:34:32

解决方案1
0 2014-09-30 00:32:48

解决方案2
0 2014-09-30 00:34:32