部分代碼如下

$(function(){

//雙擊選中項，商品移動到右列表

$('#leftList option').dblclick(function(){

$('#leftList option:selected').appendTo('#rightList');

})

//雙擊選中項，商品移動到左列表

$('#rightList option').dblclick(function(){

$('#rightList option:selected').appendTo('#leftList');

})

//左側全部商品移動至右側

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

$('#leftList option').appendTo('#rightList');

})

//右側所有商品移動到左邊

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

$('#rightList option').appendTo('#leftList');

})

})

已有商品

IPhone6s

小米4

錘子T2

>>

>>>

未有商品

三星Note3

華為6s

<<

<<<

雙擊左側下拉列表內容，添加到右側列表后，再點擊就不能回去了。右側列表的也是，移動到左側后不能雙擊事件返回，但是超鏈接的click事件全部移動又可以。

總結

以上是生活随笔為你收集整理的从左边列表复制到右边列表html,JQ实现左侧列表内容移动至右侧列表出现的问题...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。