如果用户从一个列表框移动到其他列表框,如果列表中已有项目,请建议如何覆盖列表中的项目。
答案 0 :(得分:1)
你可以使用jquery insertAfter
$(document).ready(function(){
$('.addtoright').on('click',function(e){
e.preventDefault();
$('#s option:selected').each(function(){
if( $('#d option:contains("'+$(this).text()+'")').length > 0){
$(this).remove();
}else{
if($('#d option').length > 0){
$(this).insertAfter('#d option:last');
}else{
$(this).appendTo('#d');
}
}
});
});
$('.addtoleft').on('click',function(e){
e.preventDefault();
$('#d option:selected').each(function(){
if( $('#s option:contains("'+$(this).text()+'")').length > 0){
$(this).remove();
}else{
if($('#s option').length > 0){
$(this).insertAfter('#s option:last');
}else{
$(this).appendTo('#s');
}
}
});
});
});
别忘了将类addtoright添加到右箭头并将addtoleft添加到左箭头