Comment transférer tous les éléments d'un select multiple dans un autre select multiple?

Question

Je peux transférer les éléments sélectionnés à partir d'un élément de sélection multiple dans l'autre:

<script language="javascript"> 
    $().ready(function() { 
    $('#btnOne').click(function() { 
     return !$('#users_interdits option:selected').remove().appendTo('#users_autorises'); 
    }); 
    $('#btnUndoOne').click(function() { 
     return !$('#users_autorises option:selected').remove().appendTo('#users_interdits'); 
    }); 
    }); 
</script> 

Ce code ne prend pas en compte le bouton « envoyer tous » dans ce cas functionnality lorsque je clique sur un « envoyer tous », puis tous les éléments restants dans #users_interdits sont transférés dans #users_autorises. Comment faire cela?

Answer 1

Il vous suffit de retirer le sélecteur :selected pour correspondre à toutes les options:

$("#users_interdits option").appendTo("#users_autorises"); 

Answer 2

$('#btnOne, #sendAll').on('click', function() { 
    $('#users_interdits option'+($(this).is('#btnOne') ? ':selected' : '')) 
     .remove() 
     .appendTo('#users_autorises'); 
}); 

La seule différence est que, d'envoyer TOUTES les options à travers, vous ne nee le pseudo-sélecteur :selected.

Je suppose que vous voulez dire que vous voulez réellement vider les options d'un select et les déplacer vers un autre, plutôt que d'avoir des options live dans les deux sélections. Si ce dernier, il suffit de se débarrasser de l'appel à remove().