jquery - asp.netリストボックス間のドラッグアンドドロップ

Question

2 つの asp.net リスト ボックスがあります。ドラッグ アンド ドロップを使用して、あるリスト ボックスから別のリスト ボックスに項目を移動したいと考えています。j Query を使用しようとしましたが、動作しているようです。また、リスト ボックスを HTML 選択に変更しましたが、それでも同じです。同じことをするボタンを追加しようとしました。私のコードは次のとおりです。どんな助けでも大歓迎です。

<script type="text/javascript">
    $(function () {
        $("#Setter, #Getter").sortable({
            connectWith: ".sortable"
        }).disableSelection();
    });
    $(document).ready(
   function () {
       $('#Selectone').click(
           function (e) {
               $('#Setter > option:selected').appendTo('#Getter');
               e.preventDefault();
           });

       $('#SelectAll').click(
       function (e) {
           $('#Setter > option').appendTo('#Getter');
           e.preventDefault();
       });

       $('#RemoveOne').click(
       function (e) {
           $('#Getter > option:selected').appendTo('#Setter');
           e.preventDefault();
       });

       $('#RemoveAll').click(
       function (e) {
           $('#Getter > option').appendTo('#Setter');
           e.preventDefault();
       });

   });
</script>

  <select id="Setter" runat ="server" datasourceid="LinqDataSource1" class="sortable"   multiple="true"  draggable="true" datatextfield="Section" datavaluefield="Section" dropzone="Getter" size="30" >  </select>
<asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="WebApplication1.insentraDataContext" EntityTypeName="" OrderBy="Section" Select="new (Section)" TableName="Sections">
</asp:LinqDataSource>
  <asp:Button ID="Selectone"  runat="server" Text=">" />
  <asp:Button ID="SelectAll"  runat="server" Text=">>" />
  <asp:Button ID="RemoveOne"  runat="server" Text="<" />
  <asp:Button ID="RemoveAll"  runat="server" Text="<<" />