通过使用jQuery单击第三个元素,使用textarea动态更改段落文本?

时间:2012-12-21 00:37:52

标签: jquery html click textarea paragraph

我想通过单击第三个元素在另一个textarea中显示写入的textarea文本。 所以这是我现在使用的代码,但是当你按下 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 #profile中显示textarea #text内的文本。

2 个答案:

答案 0 :(得分:6)

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

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

答案 1 :(得分:0)

我用Java语言编写了一个函数,即将数据添加到该段中:

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