首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

上拉框左右选择

2012-10-26 
下拉框左右选择1、初始化2、$(function(){//移到右边$(#add).click(function() {//获取选中的选项,删除并

下拉框左右选择
1、初始化



2、
$(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');    });});

热点排行