两个列表之间移动数据
<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. 概述 查找相同数据类型的对象集合之间的差异是一项常见的编程任务.举个例子,假设我们有一份申请考试的学生名单和另一份通过考试的学生名单.这两张名单的区别会告诉我们那些没有通过考试的学生. 在Jav ...
- IOS delegate 委托 使用 两个View之间传数据
今天讲述 delegate 的使用,并给出例子来说明如何使用delegate在两个View之间传送数据 1.建立一个 single view 工程 2.在viecontroller.xib文件里面放上 ...
- 用WM_COPYDATA消息来实现两个进程之间传递数据
文着重讲述了如果用WM_COPYDATA消息来实现两个进程之间传递数据. 进程之间通讯的几种方法: 在Windows程序中,各个进程之间常常需要交换数据,进行数据通讯.常用的方法有 1.使用内存映 ...
- 两个框架之间的数据类型转换,需要桥接技术
两个框架之间的数据类型转换,需要桥接技术 在所有的数据类型见面添加__bridge去修饰
- Matlab App Designer 【04】使用公共函数在两个App之间传递数据
使用公共函数在两个App之间传递数据 一.两个App之间传递数据的关键所在 1.在主App中建立公共函数 2.副App需要输入参数 3.一个非常简单的官网案例 二.一个非常简单的例子 1.LPL战队 ...
- SQL IN(规定多个值) 和 BETWEEN(选取介于两个值之间的数据范围) 操作符
IN操作符 IN 操作符用来在WHERE子句中指定条件范围,范围中的每个条件都可以进行匹配. IN 取合法值的清单由逗号进行分隔,并且必须全部括在圆括号内. IN 操作符在WHERE子句中用来指定要匹 ...
- java截取字符串两个符号之间的数据
可以使用Java中的正则表达式来截取两个符号之间的数据.以下是一个示例代码,可以截取字符串中两个指定符号之间的数据: public static String getStringBetweenTwoC ...
- 如何在两个线程之间共享数据
两个线程之间共享数据的方式 Java 里面进行多线程通信的主要方式就是共享内存的方式,共享内存主要的关注点有两个:可见 性和有序性原子性.Java 内存模型(JMM)解决了可见性和有序性的问题,而锁解 ...
- android fragment传递数据,Android 两个Fragment之间传递数据实例详解
Android 两个Fragment之间如何传递数据 FragmentA启动FragmentB,做一些选择操作后,返回FragmentA,需要把FragmentB里面选择的数据传回来.有什么办法? F ...
最新文章
- openstack虚拟机内文件遭破坏的急救方案
- 如果让学生轻松过关,他们就对老师心存轻蔑
- Linux下tomcat安装及优化
- mac怎么合并两个容器_PDF怎样合并?在Mac上合并PDF文件的最佳方法
- Codeforces 550D. Regular Bridge 构造
- Kitten编程猫 里的克隆体无法进行边缘检测
- 51单片机音乐播放器c语言,51单片机之简单的音乐播放器
- faster rcnn论文_52 个深度学习目标检测模型汇总,论文、源码一应俱全!(附链接)...
- 网页内容若使用gzip压缩--获得页面源码
- Delphi 与 DirectX 之 DelphiX(91): TDIB.DrawMono();
- jQuery可拖拽3D万花筒旋转特效
- TQ2440——NandFlash分区修改
- Android 版本API对应表
- 微信办公时代,企业文化也能撑起企业的半壁江山?
- 技术大佬都在看的几个公众号
- 考研复习--高等数学
- Seventh season twenty-first episode,Monica and Chandler both did not know how to write their vows???
- filter过滤器的FilterConfig 类
- 【支付宝】Android-支付宝支付时显示:系统繁忙,请稍后再试。错误码:ALI40247
- mysql 搜索条件包含与被包含
热门文章
- 给力2011-东莞市南洋计算机软件有限公司 携手10大厂商提供企业安全有效节省成本解决方案...
- 《软件定义网络:基于OpenFlow的SDN》一一2.5 本章总结
- FFmpeg #39;scale#39; filter not present, cannot convert pixel formats.
- 最近一段时间开发客户端app的感悟
- Java面试题之一 (转)
- 压缩目录Linux常用的几种文件压缩解压方法
- 非交互模式修改Ubuntu密码的命令
- hive的multi-distinct可能带来性能恶化
- Cookies工作原理
- IIS 5.0 和 6.0 的 ASP.NET 应用程序生命周期