<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    $().ready(function() {
     $('#multiTransferExample #add').click(function() {
      return !$('#multiTransferExample #lstLeft option:selected').remove().appendTo('#multiTransferExample #lstRight');
     });
     $('#multiTransferExample #remove').click(function() {
      return !$('#multiTransferExample #lstRight option:selected').remove().appendTo('#multiTransferExample #lstLeft');
     });
    });
</script>


<div id="multiTransferExample" style="margin-left:30px;">

<select multiple="multiple" id="lstLeft">
  <option value="1">Option 1</option>
  <option selected="selected" value="2">Option 2</option>
</select>
 <a href="#" id="add">add &gt;&gt;</a>

<select multiple="multiple" id="lstRight">
  <option value="3">Option 3</option>
  <option selected="selected" value="4">Option 4</option>
</select>
 <a href="#" id="remove">&lt;&lt; remove</a>
 
</div>

jquery dosyasını indirmek için tıklayınız...