将左边的内容 点击按钮 添加到右边去 谁会做

zjzb0409 2008-11-07 09:16:42
谁有这样效果的代码 左边选择 然后点增加 就到右边了 可以选择多个 然后点删除 可以讲右边的内容删除掉

左边--学龄前-- 这种是类型的提示 不让选择 包括后便的 --小学-- --中学-- 这种不让选 但是他下边的内容让选!!
如图
...全文
548 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
Eagle_ice 2008-11-09
  • 打赏
  • 举报
回复
额 3 4楼的很强大...
zjzb0409 2008-11-09
  • 打赏
  • 举报
回复
功能到是好用 就是还差点 左边的列表里边的内容是都可以添加过去的。。 我希望的是 类名是不能添过去的
例如 --学龄前-- 这段字就不让填到右边 包括之后 每一段的类别名 不让填加到右边
luxiaoshuai 2008-11-08
  • 打赏
  • 举报
回复
唉,不给我机会啊...
struggle1 2008-11-08
  • 打赏
  • 举报
回复
学习中.....
lawrendc 2008-11-07
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 zjzb0409 的回复:]
大侠 贴代码。。。。。。
[/Quote]

还是代码来得实在....
西安风影 2008-11-07
  • 打赏
  • 举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
<!--
function moveOption(e1,e2)
{
try
{
for(var i=0;i<e1.options.length;i++)
{
if(e1.options[i].selected)
{
var e = e1.options[i];
e2.options.add(new Option(e.text, e.value));
e1.remove(i);
i=i-1
}
}
document.getElementById('city').value=getvalue(document.getElementById('list2'));
}
catch(e){}
}
function getvalue(geto)
{
var allvalue = "";
for(var i=0;i<geto.options.length;i++)
{
allvalue +=geto.options[i].value + ",";
}
return allvalue;
}
//-->
</script>
</head>
<body>
<form id="myform" name="myform" method="post">
<table align="center" width="180" border="0">
<tr>
<td width="80" align="center">
<select style="width:100%" multiple id="list1" name="list1" size="6" ondblclick="moveOption(this, document.getElementById('list2'))">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="重庆">重庆</option>
<option value="天津">天津</option>
<option value="陕西">陕西</option>
</select>
</td>
<td width="20" align="center">
<input type="button" value="添加" onclick="moveOption(document.getElementById('list1'), document.getElementById('list2'))"><br><br>
<input type="button" value="删除" onclick="moveOption(document.getElementById('list2'), document.getElementById('list1'))">
</td>
<td width="80" align="center">
<select style="width:100%" multiple id="list2" name="list2" size="6" ondblclick="moveOption(this, document.getElementById('list1'))">
</select>
</td>
</tr>
</table>
<div align="center"><input type="text" id="city" name="city" size="23" /></div>
</form>
</body>
</html>
neo_yoho 2008-11-07
  • 打赏
  • 举报
回复

<script>
function moveselect(obj,target,all){
if (!all) all=0
if (obj!="[object]") obj=eval("document.all."+obj)
target=eval("document.all."+target)
if (all==0)
{
while (obj.selectedIndex>-1){
//alert(obj.selectedIndex)
mot=obj.options[obj.selectedIndex].text
mov=obj.options[obj.selectedIndex].value
obj.remove(obj.selectedIndex)
var newoption=document.createElement("OPTION");
newoption.text=mot
newoption.value=mov
target.add(newoption)
}
}
else
{
//alert(obj.options.length)
for (i=0;i<obj.length;i++)
{
mot=obj.options.text
mov=obj.options.value
var newoption=document.createElement("OPTION");
newoption.text=mot
newoption.value=mov
target.add(newoption)
}
obj.options.length=0

}

}
</script>
<table border="1" width="373" id="table3" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" cellspacing="3" cellpadding="0" class=bd>
<tr>
<td>
<table border="1" width="100%" id="table4" style="border-collapse: collapse" bordercolor="#808080" cellpadding="2" bgcolor="#EDF3F3" cellspacing="0">
<tr>
<td width="117" class=song_black_14 align="right">
<p align="left"> <font size="2">111</font>
<select size="14" name="D1" ondblclick="moveselect(this,'D2')" multiple style="width:140px">
<option value="AAA">AAA</option>
<option value="SSS">SSS</option>
<option value="DDD">DDD</option>
</select>
</td>
<td width="117" class=song_black_14 align="right">
<p align="center">
<input type="button" value="<" name="B5" onclick="moveselect('D2','D1')">
<p align="center">
<input type="button" value=">" name="B6" onclick="moveselect('D1','D2')">
</td>
<td width="117" class=song_black_14 align="right">
<p align="left"> <font size="2">222</font>
<select size="14" name="D2" ondblclick="moveselect(this,'D1')" multiple style="width:140px">
<option value="ZZZ">ZZZ</option>
<option value="XXX">XXX</option>
</select>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

不知道是什么时候的代码了 看着改成IE\FF兼容的吧
zjzb0409 2008-11-07
  • 打赏
  • 举报
回复
大侠 贴代码。。。。。。
西安风影 2008-11-07
  • 打赏
  • 举报
回复
javascript的select-option mul类型

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧