资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js模拟权限选择实现代码(select操作)
<html> <head> <title></title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%2F%2F%E7%A7%BB%E5%8A%A8%E6%89%80%E6%9C%89%E9%A1%B9%E3%80%82%20%0D%0Afunction%20moveAllOptions(selone%2C%20seltwo)%20%7B%20%0D%0A%2F%2F%E8%8E%B7%E5%BE%97selone%E4%B8%AD%E7%9A%84%E6%AF%8F%E4%B8%AAoption%20%0D%0Avar%20opts%20%3D%20selone.getElementsByTagName('option')%3B%20%0D%0A%2F%2F%E8%BF%99%E7%A7%8D%E5%BE%AA%E7%8E%AF%E6%9C%89%E9%97%AE%E9%A2%98%EF%BC%8C%E4%B8%8D%E8%83%BD%E4%BB%8E0%E5%BC%80%E5%A7%8B%EF%BC%8C%E5%9B%A0%E4%B8%BAopts%E5%B0%B1%E5%83%8F%E9%9B%86%E5%90%88%E4%B8%80%E6%A0%B7%EF%BC%8C%20%0D%0A%2F%2F%E6%AF%8F%E6%AC%A1%E5%B0%86%E8%87%AA%E5%B7%B1%E7%9A%84%E5%85%83%E7%B4%A0%E5%8A%A0%E5%88%B0%E5%88%AB%E7%9A%84%E5%85%83%E7%B4%A0%E4%B8%8B%E7%9A%84%E6%97%B6%E5%80%99%E8%BF%99%E4%B8%AA%E5%85%83%E7%B4%A0%E5%B0%B1%E4%BB%8E%E8%87%AA%E5%B7%B1%E5%AD%90%E5%85%83%E7%B4%A0%E4%B8%AD%E8%87%AA%E5%8A%A8%E5%88%A0%E9%99%A4%E3%80%82%20%0D%0A%2F%2F%20for%20(var%20i%20%3D%200%3B%20i%20%3C%20opts.length%3B%20i%2B%2B)%20%7B%20%0D%0A%2F%2F%20%2F%2F%E5%B0%86selone%E4%B8%AD%E7%9A%84%E6%AF%8F%E4%B8%AAoption%E9%83%BD%E5%8A%A0%E5%88%B0%E4%BA%86seltwo%E4%B8%AD%E3%80%82%20%0D%0A%2F%2F%20seltwo.appendChild(opts%5Bi%5D)%3B%20%0D%0A%2F%2F%20%7D%20%0D%0Afor%20(var%20i%20%3D%20opts.length%20-%201%3B%20i%20%3E%3D%200%3B%20i--)%20%7B%20%0D%0A%2F%2F%E5%B0%86selone%E4%B8%AD%E7%9A%84%E6%AF%8F%E4%B8%AAoption%E9%83%BD%E5%8A%A0%E5%88%B0%E4%BA%86seltwo%E4%B8%AD%E3%80%82%20%0D%0Aseltwo.appendChild(opts%5Bi%5D)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F%E7%A7%BB%E5%8A%A8%E9%80%89%E4%B8%AD%E9%A1%B9%20%0D%0Afunction%20moveSelectedOptions(selone%2C%20seltwo)%20%7B%20%0D%0A%2F%2F%E8%8E%B7%E5%8F%96%E7%AC%AC%E4%B8%80%E4%B8%AA%E5%85%83%E7%B4%A0%E4%B8%AD%E7%9A%84%E6%89%80%E6%9C%89%E7%9A%84option%20%0D%0Avar%20opts%20%3D%20selone.getElementsByTagName('option')%3B%20%0D%0Afor%20(var%20i%20%3D%20opts.length%20-%201%3B%20i%20%3E%3D%200%3B%20i--)%20%7B%20%0D%0Aif%20(opts%5Bi%5D.selected%20%3D%3D%20true)%20%7B%20%0D%0Aseltwo.appendChild(opts%5Bi%5D)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </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需刷新才能执行
]
教程首页
更多教程