将textarea.val附加到<；p>；在JQUERY中_Jquery

将textarea.val附加到<；p>；在JQUERY中

jquery

将textarea.val附加到<；p>；在JQUERY中,jquery,Jquery,我不是JQUERY方面的专家，但我想将a中的文本附加到html的另一部分，比如，。我的代码运行不正常。能给我一些指导吗？提前谢谢^^ 这是我的HTML代码： <body> <div id="content"> <div id="main" class="box"> <h2>Create story</h2> <textarea rows="30" cols="50" ></textarea&g

我不是JQUERY方面的专家，但我想将a中的文本附加到html的另一部分，比如，。我的代码运行不正常。能给我一些指导吗？提前谢谢^^

这是我的HTML代码：

<body>
  <div id="content">
  <div id="main" class="box">
    <h2>Create story</h2>
    <textarea rows="30" cols="50"  ></textarea>
    <select>
      <option value="style1">Inconsolata</option>
      <option value="style2">Droid Sans</option>
      <option value="style3">Cutive Mono</option>        
    </select>
    <button id="change_font">Change font</button>
  </div>
  <div id='story' class="box">
  <h3>A short story</h3>
  <p></p>
  </div>
  </div>
</body>

我能知道我哪里做错了吗？请给我一些指导。

试试这个：

$('textarea').change(function(){
    $("p").append($(this).val());
});

这很简单：只要换个颜色就行了

$("p").append('textarea'.val());

到

试试这个：-

$('textarea').keyup(function(){
    $("p").text('');
    $("p").append($(this).val());
});

$("p").append($(this).val());

$('textarea').keyup(function(){
    $("p").text('');
    $("p").append($(this).val());
});