读书人

上拉框左右选择

发布时间: 2012-10-26 10:30:58 作者: rapoo

下拉框左右选择
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');    });});

读书人网 >Web前端

热点推荐