在页面中插入两个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>
<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>
求高手帮忙!
一般是select,很少用textarea,用textarea不直接ctrl+x,在ctrl+v就好了
<!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>
<select name="select2" id="select2" size="15" multiple="multiple" style="width: 180px">
</select>
</td>
</tr>
<tr>
<td></td>
<td align="center"><input type="submit" value="提 交" onClick=" "/></td>
<td></td>
</tr>
</table>
</form>
</center>
</BODY>
</HTML>move.js //将选中的文字移动到另一边
function move_one(str){
if(str=="l"){
var obj1=document.all.select1;
var obj2=document.all.select2;
}else{
var obj1=document.all.select2;
var obj2=document.all.select1;
}
for(var i=0;i<obj1.options.length;i++){
var stroption=obj1.options[i];
if(stroption.selected){
obj2.options.add(new Option(stroption.text,stroption.text));
obj1.options[i]=null;
i--;
}
}
}
//将全部文字移动到另一边
function move_all(str){
if(str=="l"){
var obj1=document.all.select1;
var obj2=document.all.select2;
}else{
var obj1=document.all.select2;
var obj2=document.all.select1;
}
for(var i=0;i<obj1.options.length;i++){
var stroption=obj1.options[i];
obj2.options.add(new Option(stroption.text,stroption.text));
obj1.options[i]=null;
i--;
}
}
selectAll.js//将select 框中的所有选项都选中
function selectAll ( listToSelect2) {
for (var count = 0; count < listToSelect2.options.length; count ++) {
listToSelect2.options[count].selected = true;
}
}