列表左右移动 2017-03-23
<body>
<select id="s1" size="10" >
<option>红色</option>
<option>绿色</option>
<option>蓝色</option>
<option>黑色</option>
<option>白色</option>
</select>
<select id="s2" size="10" >
<option>苹果</option>
<option>香蕉</option>
<option>桃子</option>
<option>梨</option>
<option>橙子</option>
</select><br />
<input type="button" id="t1" value="右移" />
<input type="button" id="t2" value="左移" />
<script>
document.getElementById("t1").οnclick=function(){ -----右移
var op=document.getElementById("s1").selectedOptions;---------将选中的数据赋值给op
document.getElementById("s2").appendChild(op[0]); ------表示选中的数据中索引值为0
document.getElementById("s1").removeChild(op[0]);
}
document.getElementById("t2").οnclick=function(){ ----左移
var op=document.getElementById("s2").selectedOptions;
document.getElementById("s1").appendChild(op[0]);
document.getElementById("s2").removeChild(op[0]);
}
</script>
</body>
转载于:https://www.cnblogs.com/chenguanai/p/6604597.html
列表左右移动 2017-03-23相关推荐
- easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13,改为2017/03/13...
easyUI datebox 日期空间斜杠格式化 将日期空间中显示2017-03-13,改为2017/03/13 //日期控件斜杠格式化 function formatDate(date){if( & ...
- MxCAD5.2 2017.2.23更新
MxCAD5.2 2017.2.23更新 [2017-03-07 22:24:55] 下载地址: MxCAD软件安装包(64位): http://www.mxcad.net/MxCADx64Setup ...
- matlab 模拟交易,股票量化投资策略模拟交易系统 [2017.03.26 更新]
本帖最后由 heawjc 于 2017-3-27 17:13 编辑 本系统允许自主研发量化投资策略并进行模拟交易,从2000多只A股中自动选取并交易:策略研发完成即可对历史行情数据进行模拟调试,验证其 ...
- English Learning - L2-10 英音地道语音语调 鼻辅音 [m] [n] [ŋ] 舌边音 [l] [r] 2023.03.23 周四
English Learning - L2-10 英音地道语音语调 鼻辅音 [m] [n] [ŋ] 舌边音 [l] [r] 2023.03.23 周四 课前准备活动和回顾 鼻辅音 鼻辅音 [m] 鼻辅 ...
- 03.23可转债打新策略
一.03.23可转债申购: 1.重银转债 重庆银行的发债规模是130亿,没有网下配售.预计中签率为每户中0.5签. 核心概念:银行,互联金融. 公司质地:ROE为10%,资产负债率92%,质地一般.当 ...
- 成都市等市、州2009年《工程量清单计价定额》人工费调整批复〔2017〕23
四川省建设工程造价管理总站 川建价发[2017]23号 四川省建设工程造价管理总站 关于对成都市等12个市.州 2009年<四川省建设工程工程量清单计价定额> 人工费调整的批复 各有关市. ...
- kindel读书笔记——2017.03.22-04.21
1. 恶意 [2017/03/29, ¥ 17.98] 白夜行的对偶篇,告诉你从小长大的伙伴不一定与你共生,也可以处心积虑地要毁掉你的一切. 2. 解忧杂货店 [2017/04/20, ¥ 11.8 ...
- 黑武器linux下载地址,酷毙了!暗黑版 Arch,BlackArch Linux 2017.03.01发布
By - 3月, 2nd 2017 作者:闻其详 Arch 是大名鼎鼎的滚动更新的 Linux 发行版,江湖上哪个不知,谁个不晓,练就顶上的 Linux 功夫基本都不会绕路于它,然而就像杂粮中出有白米 ...
- 每日笔记-2017/03/30
每日笔记-2017/03/30 之后的每天都要写一个笔记,记录和回忆一天下来学了什么东西,做了什么东西,明天要做什么东西. 矩阵论 把矩阵A看成一个变换,则A−1A^{-1}是该变换的逆变换.因此可以 ...
- 2017第23届河北(石家庄)国际医疗器械展览会会刊(参展商名录)
2017第23届河北(石家庄)国际医疗器械展览会会刊(参展商名录) 展会名称: 2017第23届河北(石家庄)国际医疗器械展览会 所属展馆: 石家庄国际博览中心 开展时间: 2017-03-02 至 ...
最新文章
- python lambda map reduce_python:lambda、filter、map、reduce
- 如何有效地防止网站和手机APP的数据被采集?
- GDCM:SCU功能的测试程序
- Android 添加 *.arr
- 解决slideDown()、slideUp()执行结束后才执行下一次,导致鼠标离开后很久动画依然在执行的问题...
- [react] 如何更新组件的状态?
- 平面图转对偶图19_03_21校内训练 [Everfeel]
- 易优cms红色风格春节年货礼品公司网站模板源码
- 原型工具axure7.0
- 快递地址自动识别填充
- 欢迎中文社区新版主@刘文艺
- 毕业设计大全——毕业设计参考选题(Jsp+Servlet+SSM+SpringBoot)(持续更新)
- 路由(Router)
- 实战游戏项目管理1-规划篇
- Java log日志
- (一)高德地图之基本属性以及显示模式
- Cornerstone忽略不必要的文件
- 11:C语言之求sn=a+aa+aaa+aaaa+......的值
- 面试经验-(1)宁波银行
- 微信小程序-实现两个按钮固定在页面底端且不随页面滑动(静态页面)
热门文章
- spark java jar 依赖_spark提交依赖jar包的解决方法
- php是什么电器元件,第三代计算机采用的主要电子元器件是什么
- 【python】Mac在Pycharm中导入python3.6(简单易行)
- mvn打包并部署本地tomcat_maven一键部署tomcat war包
- python modules_python—模块-
- python lasso回归分析_解析python实现Lasso回归
- jwt如何加盐_JWT 基础教程
- siteservercms 缺点_SiteServer CMS 术语大全
- java为什么要连接Mysql_为什么要启动mysql workbech,java才能连接mysql数据库呢?
- 鸿蒙官网首页,鸿蒙官网-鸿蒙手游官网首页最新版预约 v1.0-优盘手机站