javascript 列表 多选 左右移动
来源:互联网 发布:nginx 内置的全局变量 编辑:程序博客网 时间:2024/06/05 18:54
http://blog.csdn.net/idonotknowwhatislife/article/details/6146634
- 使用javascript操作多选列表框,实现动态增加删除,左右移动,上下排序移动等功能。
- 将下面的代码存成html文件,运行就可看到效果。
- "Content-Type" content="text/html; charset=gb2312">
- "font-size:12px" mce_style="font-size:12px">
- method="post" action="">
- size="10" id="select" multiple style="width:100px; ">
- >aaaaa
- >bbbbb
- >ccccc
- "border:1px solid black " mce_style="border:1px solid black " type="button" value=">>>" onClick="moveSelected(document.all.left,document.all.right)">
- "border:1px solid black " mce_style="border:1px solid black " type="button" value="<<<" onClick="moveSelected(document.all.right,document.all.left)">
- size="10" id="select" multiple style="width:100px; ">
- >ddddd
- >eeeee
- >fffff
- >ggggg
- >hhhhh
- >iiiii
-
- "background-color:#CCCCCC;padding:2px" mce_style="background-color:#CCCCCC;padding:2px">
- "border:1px solid black " mce_style="border:1px solid black " type="button" value="上移一格" onClick="moveUp(document.all.right);moveUp(document.all.left)">
- "border:1px solid black " mce_style="border:1px solid black " type="button" value="下移一格" onClick="moveDown(document.all.right);moveDown(document.all.left)">
- "border:1px solid black " mce_style="border:1px solid black " type="button" value="上移到顶"
- onClick="moveUp(document.all.right,true);moveUp(document.all.left,true)">
- "border:1px solid black " mce_style="border:1px solid black " type="button" value="下移到顶"
- onClick="moveDown(document.all.right,true);moveDown(document.all.left,true);"> (支持多选移动)
-
- "background-color:#CCCCCC; padding:5px; width:100%; position:relative">
- 右移:"radio" name="ifAll" value="right" checked>
- 左移:"radio" name="ifAll" value="left">
- "button" value="移动全部" style="border:1px solid black " mce_style="border:1px solid black " onClick="judgeMove()">
- 右移:"radio" name="ifAll" value="right" checked>
-
- "background-color:#CCCCCC; padding:5px" mce_style="background-color:#CCCCCC; padding:5px">
- "button" value=" 删 除 " style="border:1px solid black " mce_style="border:1px solid black "
- onClick="deleteSelectItem(document.all.left);deleteSelectItem(document.all.right)">
0
上一篇:linux 2.6 一个简单的字符驱动程序
下一篇:mysql 去除重复 Select中DISTINCT关键字的用法
相关热门文章
- 关于SSI
- IP Sec VPN与NAT破镜重圆
- JS模拟鼠标自动点击
- UT2.0正式版下载
- tomcat6.0配置(含配置视频下载...
- linux dhcp peizhi roc
- 关于Unix文件的软链接
- 求教这个命令什么意思,我是新...
- sed -e "/grep/d" 是什么意思...
- 谁能够帮我解决LINUX 2.6 10...
给主人留下些什么吧!~~
评论热议
0 0
- javascript 列表 多选 左右移动
- JavaScript js 左右移动下拉列表选项
- JavaScript js 左右移动下拉列表选项
- javascript 图片左右移动
- 左右列表选择数据移动
- javascript之选项左右移动
- JavaScript div层拖拽左右移动
- javascript列表框左右移动,兼容IE,FF。留着有用
- 使用javascript操作多选列表框,实现动态增加删除,左右移动,上下排序移动等功能。
- 列表框的左右上下移动
- 关于列表中内容的左右移动
- jquery 实现左右下拉列表 选项 移动
- dhtmlxgrid实现左右列表数据移动
- JS之下拉列表左右移动
- JavaScript控制滚动条左右移动
- javascript实现图片左右移动动画
- GridView固定表头随列表下移和左右移动
- Select列表框交换数据(左右移动交换数据)
- Firefox中利用javascript调用本地程序
- 利用js来判断浏览器类型(ie,firefox)
- EI SCI
- C++ Boost智能指针
- linux 2.6 一个简单的字符驱动程序
- javascript 列表 多选 左右移动
- Python学习2_Python3.x和Python2.x的区别
- mysql 去除重复 Select中DISTINCT关键字的用法
- SonarQube-Java规范之Atomic-".equals()" should not be used to test the values of "Atomic" classes
- gcc for Windows 开发环境介绍
- Ubuntu 下连接iSCSI Volume
- Shell特殊变量:$*和$@的区别
- 遍历Map的两种方法
- gcc for Windows 开发环境介绍
原创粉丝点击
热门IT博客
热门问题
老师的惩罚
人脸识别
我在镇武司摸鱼那些年
重生之率土为王
我在大康的咸鱼生活
盘龙之生命进化
天生仙种
凡人之先天五行
春回大明朝
姑娘不必设防,我是瞎子
财位在卫生间怎么办
厨房在西北位置怎么办
卫生间地漏堵了怎么办
工作中遇到小人怎么办
2016虎人犯太岁怎么办
本命年运气太差怎么办
房地产崩盘房贷怎么办
对付邻居老小人怎么办
pp助手 安装失败怎么办
老是有口舌是非怎么办
厨房在绝命位怎么办
床的一半对门怎么办
铜钱草叶子发黄怎么办
银手指徒长了怎么办
室内养花生苍蝇怎么办
房子后面有墓地怎么办
阳宅旁边有坟怎么办
房子后边有坟墓怎么办
高层房子缺角怎么办
户型西南缺角怎么办
房子正南缺角怎么办
户型东北缺角怎么办
孕妇牙痛的厉害怎么办
红豆杉杯子裂了怎么办
油炸东西起沫怎么办
身上有蛇皮怎么办图片
小腿上有蛇皮怎么办
文竹叶子干了怎么办
文竹叶子全黄了怎么办
文竹老叶发黄怎么办
蓬莱松叶子发黄怎么办
刺梨盆景叶枯怎么办
狗舌头断了怎么办
珊瑚豆不结果怎么办
珍珠梅叶子发黄怎么办
床上有尺蠖幼虫怎么办
富贵树掉叶子怎么办
芝麻糖不凝固怎么办
头发长虱子了怎么办
鸡身上有虱子怎么办
鸡身上长虱子怎么办