运行效果：

下面是代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
    /** 
    *移动全部 
    */ 
    function moveAll(moveto){ 
        //取得两个对象 
        var sel0=document.getElementById("name1"); 
        var sel2=document.getElementById("name2"); 
        //如果要把右侧数据全移到左侧则调换两个对象 
        if(moveto=='left'){ 
            sel0=document.getElementById("name2"); 
            sel2=document.getElementById("name1");

} 
        var length=sel0.options.length; 
        for(var i=0;i<length;i++){ 
            var tem=sel0.options[0]; 
            sel2.appendChild(tem); 
        } 
    }

/** 
    *移动部分 
    *name1被移动的对象 
    *name2目标对象 
    */ 
    function move(name1,name2){ 
        var sel0=document.getElementById(name1); 
        var sel2=document.getElementById(name2); 
        var length=sel0.options.length; 
        for(var i=length-1;i>=0;i--){ 
            var tem=sel0.options[i]; 
            if(tem.selected){ 
                sel2.appendChild(tem); 
            } 
        } 
    } 
//--> 
</SCRIPT> 
</HEAD>

<BODY> 
<form name="form1"> 
<table><tr><td> 
<select id="name1" name="name1" multiple="true" style="width:120" size="5"> 
<option value="1">1</option> 
   <option value="2">2</option> 
    <option value="3">3</option> 
   <option value="4">4</option> 
    <option value="5">5</option> 
     <option value="6">6</option> 
      <option value="7">7</option> 
       <option value="8">8</option> 
    </select> 
    </td> 
    <td> 
    <table><tr><td align="center"> 
    <input type="button" value="全部<<" onclick="moveAll('left')"/> 
    </td> 
    </tr><tr> 
    <td align="center"> 
    <input type="button" value="<<" onclick="move('name2','name1')"/> 
    </td> 
    </tr><tr> 
    <td align="center"> 
    <input type="button" value=">>" onclick="move('name1','name2')"/> 
    </td> 
    </tr><tr> 
    <td align="center"> 
    <input type="button" value="全部>>" onclick="moveAll('right')"/> 
    </td></tr> 
    </table> 
    </td> 
    <td> 
    <select name="name2" id="name2" multiple="true" style="width:120" size="5"> 
    </select> 
    </td> 
    </tr> 
    </table 
    </form> 
</BODY> 
</HTML>

可以按“shift”选择多个

原文地址：http://blog.csdn.net/ayueiloveyou/archive/2008/08/03/2760882.aspx

两个Select 之间的值的传递的更多相关文章

  1. jQuery获取Radio选择的Value值||两个select之间option的互相添加操作(jquery实现)

    jQuery获取Radio选择的Value值: 1. $("input[name='radio_name'][checked]").val();  //选择被选中Radio的Val ...

  2. java string截取两个字符串之间的值

    java string截取两个字符串之间的值 import java.util.regex.Matcher; import java.util.regex.Pattern; public class ...

  3. 【java回调】java两个类之间的回调函数传递

    背景交代:熟悉用js开发的cordovaAPP:对java一窍不通的我,老师让做一个监测用户拍照事件的功能,无奈没有找到现成的库,无奈自己动手开发java插件~~0基础java GreenHand,祝 ...

  4. 两个select之间的元素互相移动并保持顺序

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  5. spring boot 之如何在两个页面之间传递值(转)

    原文地址:spring boot 之如何在两个页面之间传递值 问题:页面之间的跳转,通常带有值的传输,但是,在现在比较流行的SPRING MVC WEB 开发模型中,设计机制导致页面之间的直接接跳转和 ...

  6. [转]ASP.NET MVC中的两个Action之间值的传递--TempData

    本文转自:ASP.NET MVC中的两个Action之间值的传递--TempData 一. ASP.NET MVC中的TempData 在ASP.NET MVC框架的ControllerBase中存在 ...

  7. 发展合作-ASP.Net传递页面之间的值

    在合作开发中,在页面串传值的时候,遇到了一些困难.在网上搜罗了一下,发现好多的传值方式,能够简单地分下面三种. 一. URL传值 原页面的值放到目标页面的URL中.然后通过QueryString方法获 ...

  8. Backbone中父子view之间的值传递

    backbone中,使用最多的莫过于在view中进行操作,如模板的渲染以及事件函数的定义.为了提高代码的可维护性,一般地我们会写多个视图即view,将界面按照功能的不同进行模块化划分,模块与view一 ...

  9. 关于Cocos2d-x中两个场景之间参数的传递

    两个场景之间,有的时候要进行参数传递,如果想通过实例化出一个场景,从而得到属性和方法是不对的想法 你有两个场景,第一场景是用户登录界面,第二场景则是你登录后的界面,你如何将用户登录的值传到第二个场景呢 ...

随机推荐

  1. Android开发艺术探索》读书笔记 (5) 第5章 理解RemoteViews

    第5章 理解RemoteViews 5.1 RemoteViews的应用 (1)RemoteViews表示的是一个view结构,它可以在其他进程中显示.由于它在其他进程中显示,为了能够更新它的界面,R ...

  2. Composite 组合模式

      简介         <大话设计模式>一书中组合模式的定义为:将对象组合成[树]形结构以表示[部分-整体]的层次结构,组合模式使得用户对[单个对象]和对[组合对象]的使用具有一致性. ...

  3. C#—集合（Collection）

    1.栈(stack<T>) using System; using System.Collections.Generic; using System.Linq; using System. ...

  4. Java编程思想-基于注解的单元测试

    Junit的测试方法命名不一定以test开头 上面介绍的atunit已经很老了,现在junit测试框架已经基本注解了

  5. Android开源项目 Universal imageloader 源码研究之Lru算法

    https://github.com/nostra13/Android-Universal-Image-Loader universal imageloader 源码研究之Lru算法 LRU - Le ...

  6. SQL DMO のDMV

    这两天对公司的一个项目进行优化,看着长长的SQL,脑袋不经有些大,一时间竟然不知道如何下手,一顿手忙脚乱后,小有成效,响应速度快了不少,同样的条件下可以做到秒级响应.闲暇时间想了想,还是得做点功课,最 ...

  7. UIWebView(本地数据部分)

    创建UIWebView和UISegmentedControl webView用于显示内容,segmentedControl用于切换读取内容的类型 为了方便起见 用拖拉控件形式布局完界面 /* 使用UI ...

  8. MySQL 元数据

    MySQL 元数据 你可能想知道MySQL以下三种信息: 查询结果信息: SELECT, UPDATE 或 DELETE语句影响的记录数. 数据库和数据表的信息: 包含了数据库及数据表的结构信息. M ...

  9. Linux imagemagic(转载)

    原文地址:http://linux.chinaitlab.com/c/803455.html 更多详细使用示例请参考:http://www.ibm.com/developerworks/cn/open ...

  10. 利用Php ssh2扩展实现svn自动提交到测试服务器

    1.安装ssh2扩展 (1)window . 下载 php extension ssh2 下载地址 http://windows.php.net/downloads/pecl/releases/ssh ...