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 全选/反选,取消选择效果
刚才博客园的javascript首页看到一个朋友的全选/反选效果。
2010-04-04
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)，需要的朋友可以参考下。
2010-11-11
没有form表单情况下敲回车键提交表单的js代码
原来文章是jsp下，其实应用了js的代码，大家可以参考下，其实各个语言的原理都一样，如果使用了ajax严重就完美的客户端验证了。
2009-09-09
用于判断用户注册时，密码强度的JS代码
原理及是根据输入字符的类别，是字母，还是数字，大小写等判断，代码比较精简，大家可以研究下。
2009-01-01
javascript兼容firefox的文本输入长度提示
以下代码是兼容firefox的文本输入长度提示，实时显示输入的字符长度，当超过输入长度的时候自动截取。以实现文本输入长度限制，其中maxlength是设置的文本长度上限。
2008-06-06
js select 标签选定项的值获取代码
用js获取当前选定的select的值的函数
2009-03-03
比较简单的javascript实现input双击后可以编辑
比较简单的javascript实现input双击后可以编辑...
2007-08-08
javascript 动态设置已知select的option的value值的代码
当已经知道某个select options的值，判断当前select的options的值是否与已知的值相同，相同也设置下。一般用户修改页面。
2009-12-12
多个iframe自动调整大小的问题
多个iframe自动调整大小的问题...
2006-09-09
javascript 回车键触发表单提交的问题
我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。
2010-04-04