黑马程序员技术交流社区

标题: 列表项无法移动，求解？？？ [打印本页]

作者: 闫常国 时间: 2013-4-30 16:15
标题: 列表项无法移动，求解？？？
本帖最后由闫常国于 2013-4-30 22:14 编辑

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>权限选择、全选效果</title>
<script type="text/javascript">
function moveSelected(selectSrc,selectTo){
            for(var i=selectSrc.childNodes.length-1;i>=0;i--){
                     var option=selectSrc.childNodes;
                     if(option.selected==true){
                              selectSrc.removeChild(option);
                              option.selected=false
                              selectTo.appendChild(option);
                              }
                     }
            }
</script>
</head>

<body>
<select id="s1" multiple="multiple" size="10">
      <option>添加</option>
<option>删除</option>
<option>查询</option>
<option>修改</option>
</select>
<input type="button" value=">" />
<input type="button" value="<" />
<select id="s1" multiple="multiple" size="10"></select>
</body>
</html>

作者: 叶亮 时间: 2013-4-30 16:23
下面的id错了也写了s1 应该是s2

作者: 闫常国 时间: 2013-4-30 21:49
谢谢我自己太粗心了

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2