`
fengpeng
  • 浏览: 103072 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS多项目选择脚本

脚本JavaScriptHTML 
阅读更多
代码
  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>  
分享到：
| ToolTip用HTML实现
评论
发表评论

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

相关推荐

    多个项目五星评分js脚本

    在这个场景中，我们讨论的是一个专为实现“五星评分”功能而设计的JS脚本，它具有支持多个独立项目评分的能力，解决了传统单一项目评分脚本的局限性。 首先，我们需要理解“五星评分”系统的基本原理。这是一种常见...

    c++ 运行js脚本

    在实际应用中，你可能需要根据项目需求、性能要求、兼容性以及团队的熟悉程度来选择合适的JavaScript引擎。同时，保持代码简洁和模块化，有利于长期维护和升级。在学习和实践过程中，理解引擎的工作原理以及它们提供...

    JavaScript脚本精华-JS脚本精华

    通过深入研究这个"JavaScript脚本精华"压缩包，你将能够提升自己的JS编程能力，更好地理解和运用JavaScript在实际项目中的各种技术。无论是初学者还是经验丰富的开发者，这个资源都能提供宝贵的参考和学习材料。

    压缩加密JS脚本C#源码

    标题中的“压缩加密JS脚本C#源码”是指一种使用C#编程语言实现的工具，它可以对JavaScript（JS）脚本进行压缩和加密处理。这样的工具在开发Web应用程序时非常有用，因为压缩JS可以减少文件大小，提高网页加载速度，...

    C# 动态解析 javascript 脚本引擎源码

    而JavaScript则是Web开发中的主要脚本语言，它在浏览器环境中运行，为网页添加交互性。本主题涉及的是如何在C#中动态解析和执行JavaScript代码，这通常通过使用脚本引擎来实现。 一个常见的C#脚本引擎是Microsoft的...

    js库 js 脚本程序大全.rar

    6. **压缩包的使用**：下载并解压“js 脚本程序大全.rar”后，开发者需要根据实际项目需求，选择合适的库和脚本，将其引入到项目中。可能需要修改部分代码以适应具体场景，并确保与其他库和代码的兼容性。 7. **...

    Ant构建中使用JS脚本方法

    这篇名为"Ant构建中使用JS脚本方法"的博客文章，可能是详细介绍了如何在Ant的构建脚本中集成JavaScript，以提高构建过程的灵活性和效率。 首先，让我们了解Ant的基本结构。Ant是基于XML的，它的主要构建文件是`...

    JS脚本集合 大全 JS脚本集合 大全

    这个JS脚本集合大全很可能涵盖了以上以及更多JavaScript的实用技术和最佳实践，对于学习和提升JavaScript编程能力非常有帮助。开发者可以通过研究这些脚本来深入理解JavaScript的工作原理，提高自己的编程技巧。

    JSVerify_C#JS脚本解析_

    在IT领域，JavaScript（JS）和C#是两种广泛应用的编程语言。JS主要在Web前端进行动态交互，而C#则常用于后端开发、游戏引擎以及桌面应用等。"JSVerify_C#JS脚本解析_"这个主题涉及到的是将C#语言与JS脚本结合，实现...

    QT中使用QScriptEngine引擎编译运行JavaScript脚本

    QT库，作为C++开发的强大工具，提供了对多种高级...在实际项目中，可以结合标签"javascript"和"qt"进一步探索更多高级特性和应用场景，比如使用QScriptEngine进行类型转换、错误处理、异步执行以及更复杂的对象交互等。

    js脚本源码及示例

    此压缩包“js脚本源码及示例”包含两个部分，即“js脚本源码及示例.1.rar”和“js脚本源码及示例.2.rar”，这很可能是为了提供多个JavaScript脚本实例，帮助学习者深入理解和应用JavaScript技术。 首先，我们来了解...

    MFC下Js 脚本运行

    标题中的“MFC下Js 脚本运行”指的是在MFC应用程序中集成JavaScript引擎，使得C++代码能够调用和执行JavaScript代码。这种功能可以为应用增添动态性和交互性。 首先，让我们了解MFC。MFC是微软提供的一套面向对象的...

    各种各种的NPC脚本_oilva4_冒险岛js脚本_sugarnwy_冒险岛npc_冒险岛js_

    "各种各种的NPC脚本_oilva4_冒险岛js脚本_sugarnwy_冒险岛npc_冒险岛js_"这个标题揭示了这是一个与冒险岛游戏相关的资源包，包含了NPC的JavaScript（JS）脚本。这些脚本主要用于控制游戏中的非玩家角色的行为和交互...

    js脚本集合有javascript脚本和正则法则

    在提供的"js脚本集合"中，包含了100多个经典常用的JavaScript脚本。这些脚本可能是用于解决各种常见问题的函数库、工具集或者特定功能的实现，例如页面动态效果、表单验证、图片轮播、时间日期处理、Ajax请求等。...

    ID多图植入脚本

    然后，打开InDesign，选择菜单栏的“文件”&gt;“脚本”，在弹出的列表中选择刚添加的脚本，按照提示操作即可。 在使用过程中，你可以根据实际需求调整脚本的参数，例如设置图片的导入顺序、缩放比例、边距等。此外，...

    经典的JS脚本

    这些库和框架都有其独特的设计理念和优势，可以根据项目需求选择合适的解决方案。 总的来说，JavaScript作为经典的脚本语言，不仅在客户端有着广泛的用途，也在服务器端和移动应用领域展现出了强大的生命力。无论是...

    js个人脚本示例

    这个“js个人脚本示例”压缩包包含了作者精心整理的20个大类，总计343个源码示例，覆盖了JavaScript的多个关键领域，为学习和提升JavaScript技能提供了丰富的实践资源。 首先，我们来探讨一下JavaScript的基本语法...

    一个简单的前端开发脚本示例，用于自动化构建和压缩前端项目中的JavaScript文件

    脚本将main.js文件从源代码目录压缩，并输出到构建目录，文件名为main.min.js。 你可以根据项目的需求，在脚本中添加其他构建步骤，比如CSS压缩、图片优化等。 脚本最后可以添加部署步骤，将构建好的文件复制到...

    .net调用js脚本

    标题中的".net调用js脚本"涉及到的技术领域是.NET框架下的C#编程与JavaScript交互。在.NET开发中，有时我们需要在C#代码中执行JavaScript脚本来处理特定的逻辑，例如解析HTML、与浏览器交互或者利用JavaScript库的...

    托管项目辅助脚本1.0

    托管项目辅助脚本1.0

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