jquery - 通过单击 jQuery 的第三个元素，使用 textarea 动态更改段落文本？

Question

我想通过单击第三个元素在另一个文本区域中显示书面文本区域文本。所以这是我目前正在使用的代码，但是当您按下textarea时它会显示书面文本：

  $(function(){
    $('#text').click(function(){
      $('#preview').text($(this).val());
    });
  });

这是 HTML 部分：

<textarea id="text"></textarea>
<textarea id="preview"></textarea>

<div id="show-text"></div>

所以想法是当你点击 div#show-text 时，在 textarea#preview 中显示 textarea#text 中的文本。

Answer 1

您的问题是您的点击事件已在 textarea 上注册。你真正要找的是：

  $(function(){
     $('#show-text').click(function(){
       $('#preview').text($('#text').val());
     });
   });

Answer 2

我在 Javascript 中创建了一个函数，即在段落中添加数据：

  <p id="textToAdd"></p>
    Enter your name: <input type="text" id="fname" onkeyup="myFunction()">
    
    <script>
    function myFunction() {
        $('#textToAdd').innerHTML = $('#fname').value;
       
    }
    </script>