Click here to Skip to main content
Rate this: bad
Please Sign up or sign in to vote.
See more: jQuery JQueryUI
<script type="text/javascript" src=""></script>
   <script type="text/javascript" src=""></script>

I am using above jquery . My question is .....
) On a Button click i am adding a value to sortable connected list . (work fine)
2) After item add to sortable list i want to drag this item and move to connected list. (work fine).
here is the problem :
Drop down has 10 or more items . User is allow to click on btn and add all the item to 1st sortable list one by one( note: item will add to only 1st sortable list). From 1st sortable list user can drag item any where on screen and drop. when user drop item , it should create a new "ul" with id and add "li"(dragged item by user) to this.
So if i have 10 or more items in drop down ,its mean user can create 10 or more ul for each item. And at the end i need length of all the lists.
Any help will be fine.

NOTE: i am able to make two sortable list and move items inbetween but i need some thing like OOPs, so i don't need to hard code all the "ul" . "ul" should create on fly when i am dragging item , and i should be able to drop "li" into newly created "ul".
Thanks guys in advance. If you need any more detail please let me know. I been stuck with this about 2 weeks.
Posted 20-Dec-12 11:59am
Edited 20-Dec-12 12:03pm

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 300
1 Peter Leow 180
2 ProgramFOX 145
3 DamithSL 140
4 Zoltán Zörgő 130
0 OriginalGriff 160
1 ProgramFOX 105
2 Sergey Alexandrovich Kryukov 60
3 Mehdi Gholam 50
4 DamithSL 50

Advertise | Privacy | Mobile
Web02 | 2.8.150224.1 | Last Updated 20 Dec 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100