JS多项目选择脚本

原创 2007年09月17日 14:00:00
  1. <html>  
  2. <script language="javascript">  
  3.     function insertall(){   
  4.             var oDest=document.all.lstSelected;   
  5.             for (var i=0;i<document.all.personList.options.length;i++)   
  6.             {   
  7.                 var e=document.all.personList.options[i];   
  8.                 insert(oDest,e.innerText,e.value);   
  9.             }   
  10.             oDest=document.all.personList;   
  11.             removeAll(oDest);   
  12.    }   
  13.   
  14.   function removeAll(oSelect){   
  15.             for( i=oSelect.childNodes.length -1;i>=0;i--){   
  16.                 var node = oSelect.childNodes(i);   
  17.                 oSelect.removeChild(node);   
  18.               }   
  19.         }   
  20.            
  21.  function insert2(){   
  22.             var oDest=document.all.lstSelected;   
  23.             for (var i=0;i<document.all.personList.options.length;i++)   
  24.             {   
  25.                 var e=document.all.personList.options[i];   
  26.                 if (e.selected){   
  27.                     insert(oDest,e.innerText,e.value);   
  28.                 }   
  29.            }   
  30.            oDest=document.all.personList;   
  31.            removeSelected(oDest);   
  32.         }   
  33.            
  34.     function yichu2(){   
  35.             var oDest=document.all.personList;   
  36.             for (var i=0;i<document.all.lstSelected.options.length;i++)   
  37.             {   
  38.                 var e=document.all.lstSelected.options[i];   
  39.                 if (e.selected){   
  40.                     insert(oDest,e.innerText,e.value);   
  41.                 }            
  42.            }   
  43.             oDest=document.all.lstSelected;   
  44.             removeSelected(oDest);   
  45.         }   
  46.            
  47.     function quanyi2(){   
  48.             var oDest=document.all.personList;   
  49.             for (var i=0;i<document.all.lstSelected.options.length;i++)   
  50.             {   
  51.                 var e=document.all.lstSelected.options[i];   
  52.                 insert(oDest,e.innerText,e.value);   
  53.            
  54.             }   
  55.             oDest=document.all.lstSelected;   
  56.             removeAll(oDest);   
  57.         }   
  58.        
  59.     function insert(oDest,name, value){   
  60.                 var oNewNode = document.createElement("option");   
  61.                 oNewNode.innerText=name;   
  62.                 oNewNode.value = value;   
  63.                 addUniqueNode(oNewNode, oDest)   
  64.         }   
  65.        
  66.     function  addUniqueNode(node, oDest){   
  67.        var oNewNode = document.createElement("option");   
  68.        var nodeExist = false;   
  69.        for(y in oDest.children){   
  70.            if(node.value == oDest.children[y].value){   
  71.               nodeExist = true;   
  72.               break;   
  73.            }   
  74.        }   
  75.   
  76.        if(!nodeExist){   
  77.           var newNode = node.cloneNode(true);   
  78.           oDest.appendChild(newNode);   
  79.        }       
  80.     }   
  81.   
  82.     function removeSelected(oSelect){   
  83.         for( i=oSelect.childNodes.length -1;i>=0;i--){   
  84.             var node = oSelect.childNodes(i);   
  85.             if(node.selected){   
  86.               oSelect.removeChild(node);   
  87.             }   
  88.         }   
  89.     }   
  90. </script>  
  91. <body>  
  92. <table border="0">  
  93.               <tr>  
  94.                 <td>  
  95.                   <select name="personList" size="4" MULTIPLE style="width: 200px;height:100px">  
  96.                     <option value="1">中国广州</option>  
  97.                     <option value="2">中国上海</option>  
  98.                     <option value="3">中国北京</option>  
  99.                     <option value="4">中国武汉</option>            
  100.                   </select>  
  101.                 </td>  
  102.                <td width=50>  
  103.                <input name="add" type="button" onClick="insert2();" value="添 加">  
  104.                <input name="yichu" type="button" onClick="yichu2();" value="移 除">  
  105.                <input name="quanyi" type="button" onClick="quanyi2();"  value="全 移" >  
  106.                <input name="addall" type="button" onClick="insertall();" value="全 加">  
  107.                </td>  
  108.                  <td>  
  109.                   <select name="lstSelected" size="4" MULTIPLE style="width:200px;height:100px">  
  110.                   </select>  
  111.                 </td>  
  112.               </tr>    
  113.    </table>  
  114. </body>  
  115. </html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

QtCreator 模块/视图编程( 二) 项目选择,QItemSelectionModel

1 基本概念 QAbstractItemModel提供了yi

项目选择方法与实践.pdf

  • 2010-04-22 08:52
  • 316KB
  • 下载

如何给项目选择最合适的编程语言?

每次开始一个新项目,无论是一个独立的程序还是现有计划的一个组件,都会面临着一个应该选择什么样的编程语言的问题。只考虑之前用过的编程语言或者现在最流行的语言的话,你很可能会得到一个糟糕的结果。所以你应该...
  • l_nan
  • l_nan
  • 2012-06-03 15:36
  • 650

WPF对决Silverlight:为项目选择最佳技术

在何时使用WPF,何时使用Silverlight的问题上,很多人备感困惑。为项目选择正确的技术取决于应用程序的需求,以及WPF和Silverlight能力的不同之处。   Silverlight...

BurpSuite系列(十一)----Project options模块(项目选择)

一、简介 二、模块说明 Project options主要由五个模块组成: 1.Connections 连接 2.HTTP 3.SSL 4.Sessions 5.Misc  杂项 1....

如何给项目选择最合适的编程语言?

每次开始一个新项目,无论是一个独立的程序还是现有计划的一个组件,都会面临着一个应该选择什么样的编程语言的问题。只考虑之前用过的编程语言或者现在最流行的语言的话,你很可能会得到一个糟糕的结果。所以你应该...

【网络流】:调查设计、航线调度、项目选择

1)调查设计 问题描述: 一堆产品和一堆顾客,每个产品只能由 [ c, c' ] 个顾客做feedback,每个顾客只能做 [ p, p' ]个产品的feedback;问,能不能设计一个调查方案,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)