首 页 | 联系我们 | 关于WEB优化网 | WEB优化网论坛 WEB优化行业门户网站-WEB-YOUHUA.CN
当前位置: 网站首页(web优化网) >> 视频中心 >> PHP100视频教程110:Jquery案例 之 双下拉框内容移动

PHP100视频教程110:Jquery案例 之 双下拉框内容移动

软件类型:国产软件 授权方式:免费软件 界面语言:简体中文 软件大小:21MB 文件类型:.rar 运行环境:Wmv+PPT 软件等级:★★★★☆ 发布时间:2011-5-23 官方网址:http://www.web-youhua.com 演示网址:演示 下载次数:
软件介绍
教程源码:http://bbs.php100.com/read-htm-tid-74060.html

用到的方法为: appendTo()

格式: $(content).appendTo(selector)

appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。

 

 

click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数

 

 

$(function(){

//移到右边

$('#add').click(function() {

//获取选中的选项,删除并追加给对方

$('#select1 option:selected').appendTo('#select2');

});

//移到左边

$('#remove').click(function() {

$('#select2 option:selected').appendTo('#select1');

});

//全部移到右边

$('#add_all').click(function() {

//获取全部的选项,删除并追加给对方

$('#select1 option').appendTo('#select2');

});

//全部移到左边

$('#remove_all').click(function() {

$('#select2 option').appendTo('#select1');

});

//双击选项

$('#select1').dblclick(function(){ //绑定双击事件

//获取全部的选项,删除并追加给对方

$("option:selected",this).appendTo('#select2'); //追加给对方

});

//双击选项

$('#select2').dblclick(function(){

  $("option:selected",this).appendTo('#select1');

});

});

下载地址
下载说明
☉在web优化网下载的视频或源码,统一解压密码:www.web-youhua.comwww.web-youhua.com
☉推荐使用迅雷下载本站软件,使用 WinRAR v3.10 以上版本解压本站软件。
☉如果这个视频或源码总是不能下载的请己我们联系,谢谢合作!!
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉如果遇到什么问题,请到本站留言,我们将在那里提供更多 、更好的资源!
☉本站提供的一些视频是供学习研究之用。
------分隔线----------------------------