Move Listbox item to another listbox using jQuery

Question

Just want to ask this.

I have a jQuery that move listbox item to another listbox. An its working fine the item was remove. Sample: I remove item in listbox A and it was added to listbox B.

But here is now the problem, when I tried to check each item in listbox A, I noticed that all items that was removed was still there. But i can see in my eyes that it was removed. but when I tried to run a code to check each items - all item that was removed was still there.

Please tell me whats the problem with this. Below is my jQuery code

$('#btnRemove').click(
  function (e) {
    $('#lstSelectedCol > option:selected').appendTo('#lstAvailableCol');
    //$(this).remove(); 
     e.preventDefault();
});

Vishal · Accepted Answer · 2011-11-24 08:16:11Z

3

I hope this might help

http://jsfiddle.net/bdMAF/1/

answered Nov 24, 2011 at 8:16

Vishal

2,06022 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vishal Over a year ago

Have you got firebug/chrome? You can use it's console to log the available items in the list. I've just updated the code and I think it is working properly. You can check it here: jsfiddle.net/bdMAF/2 When you'll click log button, it'll log the items available in the list to the console.

Q Q Over a year ago

I tried it again in my code and it's not working... By the way I'm using ASP.net listbox -

Q Q Over a year ago

I think moving ASP.NET listbox item using Jquery is only remove the item but not all attributes i guess

Collectives™ on Stack Overflow

Move Listbox item to another listbox using jQuery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related