如何通過文本字段輸入用戶數據，然后在文本字段下方立即顯示？

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