`
xiuying
  • 浏览: 541669 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

简单的列表值对换（将列表一选中值移到列表二中，反之）

JavaScript 
阅读更多
js 代码
  1. <script language="javascript">   
  2.     function loadOldSel(){   
  3.         var oldObj = document.getElementById("oldSel");   
  4.   
  5.         var o1 = new Option("选项1","1");   
  6.         var o2 = new Option("选项2","2");   
  7.         var o3 = new Option("选项3","3");   
  8.         var o4 = new Option("选项4","4");   
  9.         var o5 = new Option("选项5","5");   
  10.         var o6 = new Option("选项6","6");   
  11.         var o7 = new Option("选项7","7");   
  12.         var o8 = new Option("选项8","8");   
  13.         var o9 = new Option("选项9","9");   
  14.         var o10 = new Option("选项10","10");   
  15.            
  16.         oldObj.options.add(o1);   
  17.         oldObj.options.add(o2);   
  18.         oldObj.options.add(o3);   
  19.         oldObj.options.add(o4);   
  20.         oldObj.options.add(o5);   
  21.         oldObj.options.add(o6);   
  22.         oldObj.options.add(o7);   
  23.         oldObj.options.add(o8);   
  24.         oldObj.options.add(o9);   
  25.         oldObj.options.add(o10);   
  26.     }   
  27.     function add(){   
  28.         var oldObj = document.getElementById("oldSel");   
  29.         var newObj = document.getElementById("newSel");   
  30.         var len =oldObj.options.length;   
  31.         for(var i=0;i<len;i++){   
  32.             var opt = oldObj.options[i];   
  33.             if(opt.selected){   
  34.                 var thisOpt = new Option(opt.innerHTML,opt.value);   
  35.                 newObj.options.add(thisOpt);   
  36.                 oldObj.options.remove(i);   
  37.                 i--;   
  38.                 len--;   
  39.             }   
  40.         }   
  41.   
  42.   
  43.     }   
  44.        
  45.     function del(){   
  46.         var oldObj = document.getElementById("oldSel");   
  47.         var newObj = document.getElementById("newSel");   
  48.         var len =newObj.options.length;   
  49.         for(var i=0;i<len;i++){   
  50.             var opt = newObj.options[i];   
  51.             if(opt.selected){   
  52.                 var thisObj = new Option(opt.innerHTML,opt.value);   
  53.                 oldObj.options.add(thisObj);   
  54.                 newObj.options.remove(i);   
  55.                 i--;   
  56.                 len--;   
  57.             }   
  58.         }   
  59.     }   
  60. </script>  
分享到：
| java环境变量的配置
评论
1 楼 xiuying 2007-08-09  
<body onload="loadOldSel();">
<table width="500" border="1" align="center">
  <tr>
    <td width="20px"><select name="oldSel" size="15" multiple="MULTIPLE"  id="oldSel" style="width:200px">
    
    </select>
    </td>
    <td align="center"><p>
      <input type="button" name="tj" value=">>>" onclick="add()" />
    </p>
    <p>
      <input type="button" name="sc" value="<<<" onclick="del()" />
</p></td>
    <td width="20px" align="center"><select name="newSel" id="newSel" size="15" style="width:200px" multiple="multiple">
    
    </select></td>
  </tr>
</table>
</body>
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics