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

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

左边--学龄前-- 这种是类型的提示 不让选择 包括后便的 --小学-- --中学-- 这种不让选 但是他下边的内容让选!!
如图
...全文
403 9 打赏 收藏 举报
写回复
9 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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类型
  • 打赏
  • 举报
回复
相关推荐
最新单片机仿真 独立式键盘调时的数码时钟实验 最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的数码时钟实验最新单片机仿真 独立式键盘调时的
发帖
JavaScript
加入

8.6w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2008-11-07 09:16
社区公告
暂无公告