Question

我不是JQUERY的专家，但我想把文字附加到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>

以下是我的JQUERY：

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

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

Answer 1

试试这个： -

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

Answer 2

试试这个：

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

demo

Answer 3

很简单：只需更改

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

到

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

将textarea.val附加到JQUERY中的<p> </p>

3 个答案: