当前位置: 代码迷 >> JavaScript >> textarea内值得的移动有关问题
  详细解决方案

textarea内值得的移动有关问题

热度:117   发布时间:2013-10-29 12:07:57.0
textarea内值得的移动问题?
在页面中插入两个textarea如图
怎样选择左边其中的一行或多行点击中间的按钮“>>”后自动到右边。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<p>&nbsp;</p>
<table width="200" border="0">
  <tr>
    <td>&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td><textarea name="textarea" rows="4">第一行
第二行
第三行
第四行</textarea></td>
    <td><input type="button" value="&gt;&gt;" ></td>
    <td><textarea name="textarea2" rows="4"></textarea></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</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 >
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

已有的菜单功能

</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>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  相关解决方案