请教：如何实现页面首尾两个textarea联动？

Question

需求:页面首部有个textarea，页面尾部也有个textarea。首部和尾部字段内容完全一样。当我在首部的textarea输入内容后，往下拉屏幕。尾部的textarea也自动显示相应内容。
1.不能在首尾分别写两个name不同textarea,因为提交表单时,name应当是唯一的,而且，如果写了两个textarea，必须保证一处更改，另一处也更改，比较麻烦。
2.所以只能有一个textarea，当往下拉屏幕，拉到最底部时，首部的textarea“滚动”到底部。
3.问题是：如何实现首尾联动（在首部更改，拖到底部时，textarea的值也更改，反之亦然），同时让用户感觉不到“滚动”的痕迹，让用户以为这就是两个不同textarea？

Answer 1

用两个textarea，ID不同，加事件，当首部的值发生修改时也修改尾部的值，用Jquery很容易的。

Answer 2

和一楼想法一样,2个textarea,,名字一样,ID不容..
用javascript或者jquery.. 添加时间..
当上面的内容改变时,, 获得其值#("#id").val(). 
赋值给下面的textarea 

Answer 3

<textarea name="ta1" id="ta1" onblur="sychronized(this.value)"></textarea>
<textarea name="ta2" id="ta2" onblur="sychronized(this.value)"></textarea>
<script>
    var sychronized = function(p1){
        var objTa1 = document.getElementById("ta1");
        var objTa2 = document.getElementById("ta2");
        objTa1.value = p1;
        objTa2.value = p1;
   }
</script>

Answer 4

多谢楼上各位，但……
不好意思，我说的有些混乱，重新说下。
1.希望达到的效果：在页面首部textarea输入
值后，尾部的textarea自动联动。反之亦然。
2.我的思路：在页面只有一个textarea,即首部
的textarea。由于页面很长，两个textarea不会
同时出现在页面上。当往下拉页面时，利用js
方法把首部的textarea“拖”到底部。往上拉页
面时，再把textarea“拖”首部。
3.为什么不在首尾各设置一个textarea,其中一
个值改变时，利用dom赋值？原因一：有几十
个页面都需要这种效果，其他的页面可能是几
个button和input组成的复杂div。如果采用
dom赋值的方法，有些麻烦。而采用js拖动，
代码可复用，也方便。原因二：页面加载时，
textarea需要初始化，如果只有一个textarea，
struts默认就可以。如果两个textarea，需要改
动几十处代码。