87,991
社区成员
发帖
与我相关
我的任务
分享textarea内值得的移动问题？
在页面中插入两个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>
求高手帮忙！
...全文
请发表友善的回复…
发表回复
苹果没有皮 2013-10-28
- 打赏
- 举报
用select 的multiple = true属性就可以实现吧
nbzzw 2013-10-28
- 打赏
- 举报
<!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>
//将选中的文字移动到另一边
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--;
}
}
//将select 框中的所有选项都选中
function selectAll ( listToSelect2) {
for (var count = 0; count < listToSelect2.options.length; count ++) {
listToSelect2.options[count].selected = true;
}
}
斯洛文尼亚旅游 2013-10-28
- 打赏
- 举报
一般是select，很少用textarea，用textarea不直接ctrl+x，在ctrl+v就好了
bobbyworm 2013-10-28
- 打赏
- 举报
把<textarea>换成<select size="4">会更方便点
