项目需求从左栏选中后移动至右栏代码详情


=========================================================

代码如下



<html>

<head>
<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.myform.city.value=getvalue(document.myform.list2);  
    }  
    catch(e){}  
}  
function getvalue(geto){  
    var allvalue = "";  
    for(var i=0;i<geto.options.length;i++){  
        allvalue +=geto.options[i].value + ",";  
    }  
    return allvalue;  
}  
function changepos(obj,index){  
    if(index==-1){  
        if (obj.selectedIndex>0){  
            obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))  
        }  
    }else if(index==1){  
        if (obj.selectedIndex<obj.options.length-1){  
            obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1))  
        }  
    }  
}  
//-->  
</script>
</head>
<body>
<form method="post" name="myform">  
<table border="0" width="300">  
<tr>  
<td width="40%">  
<select style="WIDTH:100%" multiple name="list1" size="12" οndblclick="moveOption(document.myform.list1, document.myform.list2)">  
<option value="北京">北京</option>  
<option value="上海">上海</option>  
<option value="山东">山东</option>  
<option value="安徽">安徽</option>  
<option value="重庆">重庆</option>  
<option value="福建">福建</option>  
<option value="甘肃">甘肃</option>  
<option value="广东">广东</option>  
<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="添加" οnclick="moveOption(document.myform.list1, document.myform.list2)"><br/>  
<br/>  
<input type="button" value="删除" οnclick="moveOption(document.myform.list2, document.myform.list1)">  
</td>  
<td width="40%">  
<select style="WIDTH:100%" multiple name="list2" size="12" οndblclick="moveOption(document.myform.list2, document.myform.list1)">  
</select>  
</td>   
</tr>  
</table>   
</form>  


</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值