用于列表框项目的 JavaScript

Question

当用户从一个列表框移动到另一个列表框时，如果列表中已存在该项目，请建议如何覆盖列表中的项目。

Answer 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');
                }
            }
        });
       });
});

DEMO HERE

不要忘记将类 addtoright 添加到右箭头，将 addtoleft 添加到左箭头