<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#add").click(function () {
//1,方式一
// var $option = $("#select1 option:selected"); //获取选中的选项
// var $remove = $option.remove(); //删除下拉列表中选中的选项
// $remove.appendTo("#select2"); //追加给对方
//2,方式二
var $option = $("#select1 option:selected"); //获取选中的选项
$option.appendTo("#select2"); //追加给对方
});
$("#add_all").click(function () {
var $option = $("#select1 option");
$option.appendTo("#select2");
});
$("#remove").click(function () {
var $option = $("#select2 option:selected");
$option.appendTo("#select1");
});
$("#remove_all").click(function () {
var $option = $("#select2 option");
$option.appendTo("#select1");
});
});
</script>
</head>
<body>
<h3>下拉框应用</h3>
<table>
<tr>
<td>
<select id="select1" multiple="multiple" style="width:100px;">
<option value="News">News</option>
<option value="Sport">Sport</option>
<option value="Education">Education</option>
<option value="Technology">Technology</option>
<option value="Art">Art</option>
</select>
</td>
<td>
<button id="add">
>|</button><br />
<button id="add_all">
>></button><br />
<button id="remove_all">
<<</button><br />
<button id="remove">
|<</button>
</td>
<td>
<select id="select2" multiple="multiple" style="width:100px;">
</select>
</td>
</tr>
</table>
</body>
</html>
相关推荐
jquery-1.5.2最新版及jquery-1.5.2mini版 希望对大家有用
jquery-1.5.2 库, 包含jquery-1.5.2.js和jquery-1.5.2.min.js两个, 使用jQuery必备.
博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====> Jqgrid...
jquery-1.5.2 压缩版+非压缩版,另附压缩版引用地址: 百度压缩版引用地址: <script src="http://libs.baidu.com/jquery/1.5.2/jquery.min.js"></script> 微软压缩版引用地址: <script src="http://ajax.aspnetcdn....
jQuery EasyUI 1.5.2 版 API 中文版 .rar
jquery-1.5.2 版本。导入使用。
jQuery 1.5.2正式发布了!这是jQuery 1.5的第二个小版本,修复了一些Bug。
jfreechart-1.5.2.jar,jfreechart|jfreechart
jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) • form:修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG; • textbox:修复在调用“destroy”方法的时候无法清除字段标签的BUG; • datagrid:...
jQuery EasyUI 1.5.2 API 中文版
新教材2020-2021学年北师大版高中数学第二册课时作业:1.5.2 余弦函数的图象与性质再认识 含解析.doc
jquery1.5.2 中文开发文档 参考文档
jQuery API 1.5.2 中文版 免费 无需资源分
jquery-1.5.2 最新版.有需要的朋友下吧.
jQuery EasyUI 1.5.2 版本更新内容 Bug(修复) form:修复在调用“reset”方法的时候会导致input输入框初始值消失的BUG; textbox:修复在调用“destroy”方法的时候无法清除字段标签的BUG; datagrid:修复在不...
jQuery EasyUI 1.5.2 离线简体中文API文档,只要两分哦
jquery1.5.2版本包含两个文件,jquery1.5.2.js和jquery1.5.2.min.js
jQuery 1.5.2 中英文手册 CHM
文件: jQuery_API_1.5.2中文参考文档 CHM 版.chm 大小: 282770 字节 修改时间: 2011年4月15日, 13:39:06 MD5: 42BAB9836A9A0823F4FA9C44C8E57D1B SHA1: B8E9CD810DF6646049F1E8CAA4602A0048AD0A77 CRC32: 9EB6F9BD ...