爲列表框項目提供的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向左箭頭