jQuery实现下拉框左右移动（全部移动,已选移动)

用到的方法为：appendTo()格式：$(内容)。附录（选择器)附录()方法在被选元素的结尾（仍然在内部)插入指定内容点击()方法触发点击事件，或规定当发生点击事件时运行的函数。

看一下具体实现的代码：

html xmlns=' http://www。w3。org/1999/XHTML ' head title/title script src=' http : js/jquery-1。6 .1 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(' # add ')).点击(function () { //1，方式一//var $ option=$(' # select 1 option : selected ')；//获取选中的选项//var $ remove=$ option。移除()；//删除下拉列表中选中的选项//$移除。appendo('选择2 ')；//追加给对方//2,方式二var $ option=$(“# select 1 option : selected”)；//获取选中的选项$选项。appendo(' # select 2 ')；//追加给对方});$('#add_all ').单击(function(){ var $ option=$(' # select 1 option ')；$选项。appendo(' # select 2 ')；});$('#remove ').单击(function(){ var $ option=$(' # select 2 option : selected ')；$选项。appendo(' # select 1 ')；});$('#remove_all ').单击(function(){ var $ option=$(' # select 2 option ')；$选项。appendo(' # select 1 ')；});});/script/head dyh 3下拉框应用/h3表格tr TD select id=' select 1 ' multiple=' multiple ' style=' width :100 px；选项值='新闻'新闻/选项选项值=“运动”运动/选项选项值=“教育”教育/选项选项值=“技术”技术/选项选项值=“艺术”艺术/选项/选择/td按钮id=' add ' |/button br/button id=' remove _ all '/button br/button id=' remove ' |/button/TD select id=' select 2 ' multiple=' multiple ' style=' width :100 px；'/select /td /tr /table/body/html运行效果：