Добавление textarea.val к в 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>
    <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());
});
});
  

Могу ли я узнать, где я сделал неправильно? пожалуйста, дайте мне несколько указаний.

Ответ №1:

Попробуйте это:-

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

Ответ №2:

Попробуйте это:

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

ДЕМОНСТРАЦИЯ

Ответ №3:

Это очень просто: просто измените

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

Для

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