收集textarea值

时间:2009-09-16 11:55:01

标签: javascript jquery

我有像这样的HTML

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

那么我如何收集textarea的数据并使用jquery将其加载到它旁边的div中。我也有很多这样的textareas,那么怎样才能将用 onchange 输入的文本加载到下一个div。

谢谢。

2 个答案:

答案 0 :(得分: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() );
     });
});

答案 1 :(得分:0)

它有点脏,但它有效

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

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

    });