title: Drag And Drop between asp.net Listboxes
body: <p>i have two asp.net list boxes. i want to move the items from one list box to anther using drag and dropping. i tried to use j Query but dint seem to work. i also changed my list box to HTML select but still the same . i tried to add buttons to do the same . my code is as follow . any help will be much appreciated.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
          $("#Setter, #Getter").sortable({
              connectWith: ".sortable"
          }).disableSelection();
      });
      $(document).ready(
     function () {
         $('#Selectone').click(
             function (e) {
                 $('#Setter &gt; option:selected').appendTo('#Getter');
                 e.preventDefault();
             });
  
         $('#SelectAll').click(
         function (e) {
             $('#Setter &gt; option').appendTo('#Getter');
             e.preventDefault();
         });
  
         $('#RemoveOne').click(
         function (e) {
             $('#Getter &gt; option:selected').appendTo('#Setter');
             e.preventDefault();
         });
  
         $('#RemoveAll').click(
         function (e) {
             $('#Getter &gt; option').appendTo('#Setter');
             e.preventDefault();
         });
  
     });
  &lt;/script&gt;
  </code></pre>
  
  <p>
  
  
  </p>
  
  <pre><code>  &lt;select id="Setter" runat ="server" datasourceid="LinqDataSource1" class="sortable"   multiple="true"  draggable="true" datatextfield="Section" datavaluefield="Section" dropzone="Getter" size="30" &gt;  &lt;/select&gt;
  &lt;asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="WebApplication1.insentraDataContext" EntityTypeName="" OrderBy="Section" Select="new (Section)" TableName="Sections"&gt;
  &lt;/asp:LinqDataSource&gt;
    &lt;asp:Button ID="Selectone"  runat="server" Text="&gt;" /&gt;
    &lt;asp:Button ID="SelectAll"  runat="server" Text="&gt;&gt;" /&gt;
    &lt;asp:Button ID="RemoveOne"  runat="server" Text="&lt;" /&gt;
    &lt;asp:Button ID="RemoveAll"  runat="server" Text="&lt;&lt;" /&gt;
  </code></pre>
  
  <p></p>
  
  <p> </p>