Jquery 如何在已连接的排序列表中查找选定的列表项

Jquery 如何在已连接的排序列表中查找选定的列表项,jquery,list,drag-and-drop,Jquery,List,Drag And Drop,我使用连接的可排序列表来实现两个列表框之间的拖放功能。如何找到所选元素(或拖动后第二个列表框中的列表项)并将其发送到代码隐藏处,以便将其保存到数据库中。我正在使用Linqdatasource进行数据库操作。我的java脚本是- $(function () { $("#Setter,#Getter").sortable({ connectWith: ".sortable", recieve: function (e, ui)

我使用连接的可排序列表来实现两个列表框之间的拖放功能。如何找到所选元素(或拖动后第二个列表框中的列表项)并将其发送到代码隐藏处,以便将其保存到数据库中。我正在使用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>

        });

未分配部分
    });
    $(函数(){

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