Wikis - Page Details

First published by Dhaval247 (eMicrosoft Partne)
When: 28 May 2013 2:33 AM
Last revision by Carsten Siemens (eMicrosoft Partne)
When: 14 Sep 2013 7:07 AM
Revisions: 4
Comments: 2

Options

Can You Improve This Article?

Positively! Click Sign In to add the tip, solution, correction or comment that will help other users.

Report inappropriate content using these instructions.

PIRATED 20130914 1606

NOTE: This content appears to have been plagiarized. Please leave a comment or email tnwiki at Microsoft (with a link to this article) if we are mistaken. The content was pulled from the following source:

"How to move items between ListBox using jQuery"
Published by jQueryByExample on MAY 21, 2012
http://jquerybyexample.blogspot.com/2012/05/how-to-move-items-between-listbox-using.html

The community rules state:

"Someone else has relevant content and you want to help them share it with the world. It's a nice thought, but do not copy other people's content to the Wiki, even if the owner said it was OK."

ASP.net code behind using Update panel or XMLHttpRequest is more slower than the jquery. jquery can do this real quick and with good user experience.

$(document).ready(function() {

$('#btnRight').click(function(e) {
var selectedOpts = $('#lstBox1 option:selected');

if (selectedOpts.length == 0) {
alert("Please select item (s) to move.");
e.preventDefault();
}

$('#lstBox2').append($(selectedOpts).clone());
$(selectedOpts).remove();
e.preventDefault();

});

$('#btnLeft').click(function(e) {
var selectedOpts = $('#lstBox2 option:selected');

if (selectedOpts.length == 0) {
alert("Please select item (s) to move.");
e.preventDefault();
}

$('#lstBox1').append($(selectedOpts).clone());
$(selectedOpts).remove();
e.preventDefault();
});
});