js模拟权限选择实现代码(select操作)

更新时间：2012年02月14日 18:34:58 作者：

权限选择页面，选择、撤回、全部选择、全部撤回

<html> <head> <title></title> <script type="text/javascript"> //移动所有项。 function moveAllOptions(selone, seltwo) { //获得selone中的每个option var opts = selone.getElementsByTagName('option'); //这种循环有问题，不能从0开始，因为opts就像集合一样， //每次将自己的元素加到别的元素下的时候这个元素就从自己子元素中自动删除。 // for (var i = 0; i < opts.length; i++) { // //将selone中的每个option都加到了seltwo中。 // seltwo.appendChild(opts[i]); // } for (var i = opts.length - 1; i >= 0; i--) { //将selone中的每个option都加到了seltwo中。 seltwo.appendChild(opts[i]); } } //移动选中项 function moveSelectedOptions(selone, seltwo) { //获取第一个元素中的所有的option var opts = selone.getElementsByTagName('option'); for (var i = opts.length - 1; i >= 0; i--) { if (opts[i].selected == true) { seltwo.appendChild(opts[i]); } } } </script> </head> <body> <select id="selNum1" multiple="multiple"> <option>添加</option> <option>修改</option> <option>删除</option> <option>保存</option> </select> <input type="button" name="name" value=">>" onclick="moveAllOptions(document.getElementById('selNum1'),document.getElementById('selNum2'));" /> <input type="button" name="name" value=">" onclick="moveSelectedOptions(document.getElementById('selNum1'),document.getElementById('selNum2'));" /> <input type="button" name="name" value="<" onclick="moveSelectedOptions(document.getElementById('selNum2'),document.getElementById('selNum1'));" /> <input type="button" name="name" value="<<" onclick="moveAllOptions(document.getElementById('selNum2'),document.getElementById('selNum1'));" /> <select id="selNum2" multiple="multiple"> </select> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

权限选择

用javascript实现select的美化的方法
用javascript实现select的美化的方法...
2007-04-04
使用透明叠加法美化文件上传界面的代码
使用透明叠加法美化文件上传界面的代码...
2007-03-03
javascript 表单的友好用户体现
javascript 表单的友好用户体现代码
2009-01-01
FileUpload 控件禁止手动输入或粘贴的实现代码
FileUpload 控件禁止手动输入或粘贴的实现代码，经常用于比较安全无误的输入，例如身份证号码，密码，银行账户等。
2010-04-04
关于IFRAME 自适应高度的研究
关于IFRAME 自适应高度的研究...
2006-07-07
JavaScript 克隆双重输入文字
JavaScript双重输入文字，会适时将第一个文本框的文字复制到第二个文本框中，像克隆一样，有意思吧，还没有搞懂这功能我们平时在哪儿能用上，先收藏一下。
2010-10-10
JS实多级联动下拉菜单类，简单实现省市区联动菜单！
JS实多级联动下拉菜单类，简单实现省市区联动菜单！...
2007-05-05
javascript制作幻灯片（360度全景图片）
这篇文章主要介绍了应用javascript制作幻灯片（360度全景图片），在做产品演示时，经常会用到幻灯片，这里我给大家整理了一款非常不错的的360度全景幻灯片实现教程,需要的朋友可以参考下
2015-07-07
表单(FORM)的一些实用效果代码
表单(FORM)的一些实用效果代码...
2007-03-03
在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题
在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题...
2007-01-01

js模拟权限选择实现代码(select操作)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具