在页面中插入两个textarea如图
怎样选择左边其中的一行或多行点击中间的按钮“>>”后自动到右边。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<p> </p>
<table width="200" border="0">
<tr>
<td> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td><textarea name="textarea" rows="4">第一行
第二行
第三行
第四行</textarea></td>
<td><input type="button" value=">>" ></td>
<td><textarea name="textarea2" rows="4"></textarea></td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
</tr>
</table>
<p> </p>
</body>
</html>
求高手帮忙！
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> select 框的左右移动 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" src="js/move.js"> </script>
<script type="text/javascript" src="js/selectAll.js"></script>
</HEAD>
<BODY>
<center>
<form action=".do" method="post">
<table width="80%">
<tr>
<th></th>
<th >角色权限分配</th>
<th></th>
</tr>
<tr>
<td >可选的菜单功能</td>
<td></td>
<td >
已有的菜单功能
</td>
</tr>
<tr>
<td>
<select name="select1" size="15" multiple style="width: 180px">
<option value="aaaa" >aaaa</option>
<option value="bbbb" >bbbb</option>
<option value="cccc" >cccc</option>
<option value="eeee" >eeee</option>
<option value="ffff" >ffff</option>
<option value="gggg" >gggg</option>
<option value="hhhh" >hhhh</option>
</select>
</td>
<td align="center">
<input type="button" value=" > " onClick="move_one('l');"><br/><br/>
<input type="button" value=" < " onClick="move_one('r');"><br/><br/>
<input type="button" value=" >> " onClick="move_all('l');"><br/><br/>
<input type="button" value=" << " onClick="move_all('r');"><br/><br/>
</td>
<td>