如何在已連接的已排序列表中找到所選列表項目

Question

我正在使用連接排序列表來實現兩個列表框之間的拖放功能。我如何找到選中的元素（或拖動後列出的第二個列表框中的項目）並將其發送給後面的代碼，以便我可以將其保存到數據庫中。我正在使用Linqdatasource進行數據庫操作。我的Java腳本是 -

$(function() { 
     $("#Setter,#Getter").sortable({ 
      connectWith: ".sortable", 
      recieve: function (e, ui) 
      { 

       var item = (this).valueOf("Section"); 

      } 
     }); 

和我的名單如下 -

<asp:ListView ID="Listview1" runat="server" DataSourceID="LinqDataSource1" > 
       <LayoutTemplate> 
        Unallocated Sections <br /> 
        <asp:Label ID="SetterCount" runat="server"></asp:Label> 
    <ul class="sortable" draggable="true" id="Setter" style="overflow: scroll; empty-cells: hide; height: 500px; width: 200px; border: solid 1px; background: #b6b6b6;" > 
     <li id="Li1" runat="server" draggable="true" > 
      <asp:PlaceHolder ID="PlaceHolder1" id-="itemPlaceholder" runat="server" ></asp:PlaceHolder> 
     </li> 

    </ul> 
       </LayoutTemplate> 
       <ItemTemplate> 
        <li id="Li2" runat="server" title="Drag to Allocate sections" > 
         <%# Eval("Section")%> 
        </li> 
       </ItemTemplate> 
      </asp:ListView> 
     </td> 

     <td> 

      <asp:Repeater ID="Repeater" runat="server" DataSourceID ="LinqDataSource6"> 
       <HeaderTemplate><ul class="sortable" draggable="true" id="Getter" style="overflow: scroll; empty-cells: hide; height: 500px; width: 200px; border: solid 1px; background: #b6b6b6;" ></HeaderTemplate> 
       <ItemTemplate> 
        <li id ="lI2" runat ="server"> 
         <%# DataBinder.Eval(Container.DataItem, ("Section"))%> 
        </li> 
       </ItemTemplate> 
       <FooterTemplate></ul></FooterTemplate> 
      </asp:Repeater> 

     </td> 
     </tr> 

     }); 

Answer 1

$（函數（）{

 $("Getter,Setter").sortable({ 
      connectWith: ".sortable", 
      update: function (event, ui) { 
       alert("New position: " + (ui.item.index() + 1)); 
       alert(ui.item.text()); 

      } 
     }); 
    });