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

【问题标题】：Change paragraph text dynamically with textarea by clicking third element with jQuery?通过单击 jQuery 的第三个元素，使用 textarea 动态更改段落文本？
【发布时间】：2012-12-21 00:37:51
【问题描述】：

我想通过单击第三个元素在另一个文本区域中显示书面文本区域文本。所以这是我目前正在使用的代码，但是当您按下 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#text 中显示 textarea#text 中的文本。

【问题讨论】：

标签： jquery html click textarea paragraph

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我在Javascript中做了一个函数，就是在段落中添加数据：

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

【讨论】：