Advanced Search

Multi-select transfer

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. window.addEvent('domready', function() {
  2. 	$('add').addEvent('click', function() {
  3. 		$('select1').getSelected().each(function(el) {
  4. 			el.inject($('select2'));
  5. 		});
  6. 	});
  7. 	$('remove').addEvent('click', function() {
  8. 		$('select2').getSelected().each(function(el) {
  9. 			el.inject($('select1'));
  10. 		});
  11. 	});
  12. });
  13.  
  14.  
  15.  
  16.  <div class="holder">
  17. 	<select multiple="multiple" id="select1" name="select1[]">
  18. 		<option value="1">Option 1</option>
  19. 		<option value="2">Option 2</option>
  20. 		<option value="3">Option 3</option>
  21. 		<option value="4">Option 4</option>
  22. 	</select>
  23. 	<a href="javascript:;" id="add">add >></a>
  24. </div>
  25. <div class="holder">
  26. 	<select multiple="multiple" id="select2" name="select2[]">
  27. 		<option value="5">Option 5</option>
  28. 		<option value="6">Option 6</option>
  29. 	</select>
  30. 	<a href="javascript:;" id="remove"><< remove</a>
  31. </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.