сбор значения textarea

Question

У меня есть HTML, как это

<td>
<textarea name="foot"><?=$e->foot;?></textarea>
Preview:
<div><?=$e->foot;?></div>
</td>

Так, как я могу собрать данные textarea и загрузить их в div рядом с ним с помощью jquery. Также у меня есть много подобных текстовых областей, так как можно загрузить текст, введенный с помощью onchange , в следующий раздел.

Спасибо.

Answer 1

 $(document).ready ( function() {
            $("textarea[name='txt']").bind ( "keydown focus" , function () {
                $(this).next().text ( $(this).val() );
            });
        });

или если div не является следующим элементом, укажите для него имя класса и используйте код

$(document).ready ( function() {
     $("textarea[name='txt']").bind ( "keydown focus paste" , function () {
       $(this).siblings(".divClass").text ( $(this).val() );
     });
});

Answer 2

Это немного грязно, но работает

 <div class="entry"> 
    <textarea class="foot"> my text</textarea>
    <div class="enterhere"> </div>
 </div>

 $(".foot").change(function() {
        $(this).parent().children(".enterhere").text($(this).val());

    });