Jquery第二章appendTo方法到方法的使用练习第二节

效果图

源码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>list2other</title><script type="text/javascript" src="./js/jquery-1.4.2.js"></script><style type="text/css">input{width: 50px;background: #B8D3F4;margin-bottom: 10px;}select{width: 100px;height: 200px;}</style>
</head>
<body><center><table width="100px" height="200" cellpadding="0px" cellspacing="0px" border="0px"><tr><td><select name="left" multiple="multiple" 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></select></td><td><input type="button" value="-->"><br><input type="button" value="==>"><br><input type="button" value="<--"><br><input type="button" value="<=="></td><td><select name="right" multiple="multiple" size="5"><option value="6">选择6</option><option value="7">选择7</option><option value="8">选择8</option><option value="9">选择9</option><option value="10">选择10</option></select></td></tr></table></center><script type="text/javascript">//--->$("input:eq(0)").click(function(){//取出所有被选中的optionvar $allOptions = $("select[name=left]>option:selected");//将左边被选中的option移除到右边var $selectRight = $("select[name=right]");$allOptions.appendTo($selectRight);});</script>
</body>
</html>

Jquery第二章appendTo方法到方法的使用练习第二节相关推荐

Pepper/Nao初级教程：第二章 Pepper的使用方法
第二章 Pepper 的使用方法 Pepper的开箱和装箱要特别注意安全. 不按照标准方法开箱和装箱,是导致Pepper出现故障的最常见原因. 2.1 开箱开箱的标准步骤按照如下. 1. 将包装箱处 ...
Pepper初级教程：第二章 Pepper的使用方法
第二章 Pepper 的使用方法 Pepper的开箱和装箱要特别注意安全. 不按照标准方法开箱和装箱,是导致Pepper出现故障的最常见原因. 2.1 开箱开箱的标准步骤按照如下. 1. 将包装箱处 ...
Java天之痕第二章攻略,轩辕剑参外传:天之痕第二章过关方法图解
轩辕剑参外传:天之痕在游戏的第二章里面,我们又有什么样的剧情发生呢?下面笨手机小编为大家带来轩辕剑参外传:天之痕第二章的图文攻略,一起来看看吧. 到北方的黑山镇(可以先去东南方的芦家渡买装备)--买黄 ...
c语言程序设计课件第二章,c语言程序设计课件张元国 ISBN9787566300386 PPT第二章数据类型运算符与表达式...
1.第2章数据类型.运算符与表达式,语言的数据类型常量与变量运算符与表达式不同类型数据间的转换,2.1语言的数据类型,数据是计算机程序处理的所有信息的总称,数值.字符.文本等都是数据,在各种程 ...
Kotlin学习笔记第二章类与对象第十四十五节委托委托属性
参考链接 Kotlin官方文档 https://kotlinlang.org/docs/home.html 中文网站 https://www.kotlincn.net/docs/reference/p ...
Kotlin学习笔记第二章类与对象第三节接口第四节函数式接口
参考链接 Kotlin官方文档 https://kotlinlang.org/docs/home.html 中文网站 https://www.kotlincn.net/docs/reference/p ...
第二章计算机应用基础试题答案,职中计算机应用基础第二章测试题及答案（3页）-原创力文档...
- PAGE PAGE 2 欢迎下载 13级<计算机应用基础>第二章测试题满分100分,考试时间 90分钟姓名: 成绩: 一.单选题(共40分,每题2分) 1.删除当前输入的错误字符, ...
计算机第二章题库,全国计算机二级题库第二章
全国计算机二级题库第二章与十六进制数(BC)等值的二进制数是(10111100) 将十进制整数53转换为二进制整数的结果是(110101) 将二进制数111转换成对应的十进制数是(7) 与十进制数 ...
第二章：软件测试的方法
测试用例测试用例:将要进行的测试工作具体化,并且记录到一个文件中,一般情况下是一个excel表格. 在测试用例中,明确指定了每一步的具体操作,并且期望得到的结果. 测试工作:等程序员完成代码,此时可 ...

Jquery第二章appendTo方法到方法的使用练习第二节

Jquery第二章appendTo方法到方法的使用练习第二节相关推荐

最新文章

热门文章