Drag and Drop list data between divs

See more:

VB

ASP.NET

jQuery

jQuery-UI

Hello Fellows,

i am working on a asp.net page , which has a Two Div's .

<div>

<div id="div1"> Move items from here to div2  

  <asp:DropDownList ID="DDEducationInfo" runat="server" Width="220px">
  <asp:ListItem Selected="True">Select educaiton info ...</asp:ListItem>
  <asp:ListItem>Provisional Certificate</asp:ListItem>
  <asp:ListItem> Permanent</asp:ListItem>
  <asp:ListItem>occupational</asp:ListItem>
  <asp:ListItem>professional</asp:ListItem>
  </asp:DropDownList>
 <asp:ImageButton ID="IBCertificaiton" runat="server" ImageUrl="Images/ui/add.png"  />
 <hr />
 <p style="text-align: center;"> OR </p>
 <hr />
</div>

<div id="div2"> get items from div1</div>

</div>

1) I need to be able to select an item from Drop list on "DIV1" , and when i click Button "ADD" on "DIV1" , it should add selected item to "Div2" (like copy and paste)


2) Second question is more tricky ... I am working with OR Operator , such as on my DIV2 between selected item i want to add Or operator . like this

Permanent
occupational
Or
professional

3) I want my OR to be drag-able from DIV1 to DIV2 on any place.

4) Most tricky part : when i add OR operator between Item1 OR Item2 , it should act like that which mean i can have Item1 Or i can have Item2 . Plus i need to know from code behind what two or more items has OR in between .

Thanks in advance guys. If you need more clarification let me know .