Home/ Questions/Q 8723875
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T07:43:03+00:00

Here is an image which I have exactly required. Please go through the image.

  • 0

Here is an image which I have exactly required. Please go through the image.

Enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    the working jsFiddle

    The HTML ->

    <div>
    <select id="first" multiple="true">
        <option value="something@something.com"> something@something.com </option>
        <option value="something@something.com"> something@something.com </option> 
        <option value="something@something.com"> something@something.com </option> 
        <option value="something@something.com"> something@something.com </option> 
        <option value="something@something.com"> something@something.com </option>        
    </select>
</div>
<div class="mid">
    <button class='add'> > </button>
    <button class='remove'> < </button>
    <button class='add-all'> >>> </button>
    <button class='remove-all'> <<< </button>
</div>
<div class="end">
    <select id="second" multiple="true">
    </select>
</div>
<div style="clear:both;"></div>​

    the jQuery ->

    $('.add').click(function(){
    $('#first option:selected').appendTo('#second');
});
$('.remove').click(function(){
    $('#second option:selected').appendTo('#first');
});
$('.add-all').click(function(){
    $('#first option').appendTo('#second'); 
});
$('.remove-all').click(function(){
    $('#second option').appendTo('#first'); 
});
​
    • 0