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

现在的位置: 首页 > 综合 > 正文

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

2012年02月19日 ⁄ 综合 ⁄ 共 586字 ⁄ 字号小中大 ⁄ 评论关闭

<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><br />
<select id="selNum1" multiple>
<option>添加</option>
<option>修改</option>
<option>删除</option>
<option>保存</option>
</select>
<p><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'));"><br />
<select id="selNum2" multiple></select>
<p>

【上篇】经典算法研究系列：三、动态规划算法解微软一道面试题[第56题]
【下篇】JS判断元素为数字的奇异写法分享

作者:

该日志由于12年前发表在综合分类下，最后更新于 2012年02月19日.
转载请注明: js模拟权限选择实现代码(select操作) | 学步园 +复制链接

抱歉!评论已关闭.

学步园

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

作者:

书签

最新文章New

本站推荐

返回首页