javascript for listbox items

时间:2015-05-12 16:00:14

标签: javascript jquery html

如果用户从一个列表框移动到其他列表框,如果列表中已有项目,请建议如何覆盖列表中的项目。

1 个答案:

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

DEMO HERE

别忘了将类addtoright添加到右箭头并将addtoleft添加到左箭头