多选移动列表操作
来源:互联网 发布:结婚适合放的歌曲知乎 编辑:程序博客网 时间:2024/06/07 08:50
<html><head><title>多选移动列表操作</title><meta http-equiv='Content-Type' content='text/css;charset=utf-8'/><script></script><style>.yemian{margin-left:30%;width:500px;height:400px;background-color:cyan;}.s{width:150px;height:250px;}.input{width:50px;height:30px;}</style><script>function move(srcId,desId){var src=document.getElementById(srcId);var des=document.getElementById(desId);var flag=true;for(var i=src.length-1;i>=0;i--){if(src.options[i].selected){var op=new Option(src.options[i].value,src.options[i].text);//方法一:des.options[des.options.length]=op;src.options[i]=null;//方法二:下面这条语句除了赋值之外,还删除了src.options数组中的src.options[i]//所以不需要执行src.options[i]=null;//des.options[des.options.length]=src.options[i];flag=false;}}if(flag){alert("你必须选择至少一项!");}}function moveAll(srcId,desId){var src=document.getElementById(srcId);var des=document.getElementById(desId);for(var i=src.length-1;i>=0;i--){des.options[des.options.length]=src.options[i];src.options[i]=null;}}</script></head><body><div class='yemian' ><h1 align='center'>多选移动操作</h1><table align='center' cellspacing='20' cellpadding='10px';><tbody><tr><td><select class='s' multiple='multiple' id='left' ondblclick="move('left','right')"><option>java</option><option>c++</option><option>数据结构</option></select></td><td><input type="button" value='-->' class='input' onclick="move('left','right')"/><br/><input type="button" value='-->>' class='input' onclick="moveAll('left','right')"/><br/><input type="button" value='<--' class='input' onclick="move('right','left')"/><br/><input type="button" value='<<--' class='input' onclick="moveAll('right','left')"/><br/></td><td><select class='s' id='right' multiple='multiple' ondblclick="move('right','left')" ></select></td></tr></tbody></table><div align='center'><input type='submit' value='提交'/></div></div></body></html>
0 0
- 多选移动列表操作
- 使用javascript操作多选列表框,实现动态增加删除,左右移动,上下排序移动等功能。
- 多选列表框动态添加,移动,删除,全选 等操作(完整实例)
- 列表的多选操作
- html 两个多选下拉列表元素互相移动
- .NET上下左右移动操作支持多选
- 如何提高multiple 多选列表框的大量数据移动到另一个列表框效率
- java实现列表的上下移动和置顶操作
- javascript操作多选列表框
- javascript操作多选列表框
- DOM操作多选下拉列表
- Multiselect:操作多选列表框
- 08-DOM操作多选下拉列表
- multiselect插件操作多选列表框
- javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
- js+ asp.Net ajax开发163邮箱效果(列表底色、多选拖动等)--列表底色随鼠标移动变化
- UITableView删除移动多选其他基本操作总结
- 移动列表控件
- 设备管理系统的设计与实现
- 世纪佳缘推出wifi交友
- AE开发集锦
- python速学笔记
- T.OJ 3196
- 多选移动列表操作
- 一个java文件可以有多个类,但只能有一个与java文件名同名的public类
- 你不爱听,我偏要讲——创业融资的14个教训
- JAVA Hibernate工作原理及为什么要用
- setup.py install running install error: can't create or remove files in install directory
- 泳池消毒处理装置:游泳池水处理技术应用杀菌消毒优势介绍
- 安装MySQL和Navicat,并与MyEclipse连接
- OCP 1Z0 053 177
- POJ 1363 Rails