Advanced Search

Move from one list to another list and vice-versa

/ Published in: jQuery
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. // jQuery
  2. $('.add').click(function(){
  3.     $('.keep option:selected').clone().appendTo('.delete').end().end().remove();
  4. });
  5. $('.rem').click(function(){
  6.     $('.delete option:selected').clone().appendTo('.keep').end().end().remove();
  7. });
  8.  
  9. // HTML
  10. <select class='keep'>
  11.     <option value='Keep this' selected>Keep This</option>
  12.     <option value='Delete this'>Delete This</option>
  13. </select>
  14. <span class='add'>+Add</span>
  15. <select class='delete'>
  16. </select>
  17. <span class='rem'>-Rem</span>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.