java左右移动选项_jQuery实现可移动选项的左右下拉列表示例

本文实例讲述了jQuery实现可移动选项的左右下拉列表。分享给大家供大家参考，具体如下：

运行效果图如下：

完整代码如下：

无标题文档

选项1 选项2 选项3 选项4 选项5 选项6 选项7 选项8

选项9

/** */

/**

*

选项1

选项2

选项3

选项4

选项5

选项6

选项7

选项8

*/

$().ready(function() {

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

$("#first option:selected").appendTo($("#second"));

});

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

$("#first option").appendTo($("#second"));

});

$("#first").dblclick(function(){

$("#first option:selected").appendTo($("#second"));

});

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

$("#second option:selected").appendTo($("#first"));

});

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

$("#second option").appendTo($("#first"));

});

});

希望本文所述对大家jQuery程序设计有所帮助。