<style type="text/css">

*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px;}

</style>

</head>

<body>

<div style="width:600px; height:500px; margin-top:20px">

<div style="width:200px; height:300px; float:left">

<select id="list1" size="10" style="width:200px; height:300px">

<option>山东</option>

<option>北京</option>

<option>河北</option>

<option>黑龙江</option>

<option>河南</option>

</select>

</div>

<div style="width:80px; height:300px; float:left">

<input type="button"  value="单移" id="btn1" style="width:70px; height:30px" οnclick="Dan()"/>

<input type="button"  value="全移" id="btn2" style="width:70px; height:30px" οnclick="Duo()"/>

</div>

<div style="width:200px; height:300px; float:left">

<select id="list2" size="10" style="width:200px; height:300px">

</select>

</div>

</div>

function Dan()

{

//把列表1选中值取出

var list1 = document.getElementById("list1");

var v = list1.value;

//造一个option项

var s = "<option class='o2'>"+v+"</option>";

//判断list2里面是否有该项

var attr = document.getElementsByClassName("o2");

var cz = true;

for(var i=0;i<attr.length;i++)

{

//alert(attr[i].innerHTML);

if(attr[i].innerHTML==v)

{

cz = false;

break;

}

}

if(cz)

{

//将option项扔到list2

var list2 = document.getElementById("list2");

list2.innerHTML +=s;

}

}

function Duo()

{

document.getElementById("list2").innerHTML = document.getElementById("list1").innerHTML;

}

转载于:https://www.cnblogs.com/sq45711478/p/5899130.html

两个列表之间移动数据相关推荐

  1. 如何查找两个列表之间的差异?

    1. 概述 查找相同数据类型的对象集合之间的差异是一项常见的编程任务.举个例子,假设我们有一份申请考试的学生名单和另一份通过考试的学生名单.这两张名单的区别会告诉我们那些没有通过考试的学生. 在Jav ...

  2. IOS delegate 委托 使用 两个View之间传数据

    今天讲述 delegate 的使用,并给出例子来说明如何使用delegate在两个View之间传送数据 1.建立一个 single view 工程 2.在viecontroller.xib文件里面放上 ...

  3. 用WM_COPYDATA消息来实现两个进程之间传递数据

    文着重讲述了如果用WM_COPYDATA消息来实现两个进程之间传递数据. 进程之间通讯的几种方法: 在Windows程序中,各个进程之间常常需要交换数据,进行数据通讯.常用的方法有   1.使用内存映 ...

  4. 两个框架之间的数据类型转换,需要桥接技术

    两个框架之间的数据类型转换,需要桥接技术 在所有的数据类型见面添加__bridge去修饰

  5. Matlab App Designer 【04】使用公共函数在两个App之间传递数据

    使用公共函数在两个App之间传递数据 一.两个App之间传递数据的关键所在 1.在主App中建立公共函数 2.副App需要输入参数 3.一个非常简单的官网案例 二.一个非常简单的例子 1.LPL战队 ...

  6. SQL IN(规定多个值) 和 BETWEEN(选取介于两个值之间的数据范围) 操作符

    IN操作符 IN 操作符用来在WHERE子句中指定条件范围,范围中的每个条件都可以进行匹配. IN 取合法值的清单由逗号进行分隔,并且必须全部括在圆括号内. IN 操作符在WHERE子句中用来指定要匹 ...

  7. java截取字符串两个符号之间的数据

    可以使用Java中的正则表达式来截取两个符号之间的数据.以下是一个示例代码,可以截取字符串中两个指定符号之间的数据: public static String getStringBetweenTwoC ...

  8. 如何在两个线程之间共享数据

    两个线程之间共享数据的方式 Java 里面进行多线程通信的主要方式就是共享内存的方式,共享内存主要的关注点有两个:可见 性和有序性原子性.Java 内存模型(JMM)解决了可见性和有序性的问题,而锁解 ...

  9. android fragment传递数据,Android 两个Fragment之间传递数据实例详解

    Android 两个Fragment之间如何传递数据 FragmentA启动FragmentB,做一些选择操作后,返回FragmentA,需要把FragmentB里面选择的数据传回来.有什么办法? F ...

最新文章

  1. openstack虚拟机内文件遭破坏的急救方案
  2. 如果让学生轻松过关,他们就对老师心存轻蔑
  3. Linux下tomcat安装及优化
  4. mac怎么合并两个容器_PDF怎样合并?在Mac上合并PDF文件的最佳方法
  5. Codeforces 550D. Regular Bridge 构造
  6. Kitten编程猫 里的克隆体无法进行边缘检测
  7. 51单片机音乐播放器c语言,51单片机之简单的音乐播放器
  8. faster rcnn论文_52 个深度学习目标检测模型汇总,论文、源码一应俱全!(附链接)...
  9. 网页内容若使用gzip压缩--获得页面源码
  10. Delphi 与 DirectX 之 DelphiX(91): TDIB.DrawMono();
  11. jQuery可拖拽3D万花筒旋转特效
  12. TQ2440——NandFlash分区修改
  13. Android 版本API对应表
  14. 微信办公时代,企业文化也能撑起企业的半壁江山?
  15. 技术大佬都在看的几个公众号
  16. 考研复习--高等数学
  17. Seventh season twenty-first episode,Monica and Chandler both did not know how to write their vows???
  18. filter过滤器的FilterConfig 类
  19. 【支付宝】Android-支付宝支付时显示:系统繁忙,请稍后再试。错误码:ALI40247
  20. mysql 搜索条件包含与被包含

热门文章

  1. 给力2011-东莞市南洋计算机软件有限公司 携手10大厂商提供企业安全有效节省成本解决方案...
  2. 《软件定义网络:基于OpenFlow的SDN》一一2.5 本章总结
  3. FFmpeg #39;scale#39; filter not present, cannot convert pixel formats.
  4. 最近一段时间开发客户端app的感悟
  5. Java面试题之一 (转)
  6. 压缩目录Linux常用的几种文件压缩解压方法
  7. 非交互模式修改Ubuntu密码的命令
  8. hive的multi-distinct可能带来性能恶化
  9. Cookies工作原理
  10. IIS 5.0 和 6.0 的 ASP.NET 应用程序生命周期