使用jQuery拖放時如何獲取表單控件值

Question

我正在使用jQuery創建一個asp.net拖放應用程序。 我已經拖放工作並與Windows Service通信。 現在，我需要的是能夠將要拖動的文本值作為參數傳遞給Web服務。 有什么想法我要去哪里嗎？

我有一個帶有lbName文字的中繼器控件。 ClientIDMode =繼承，可見性為false。 我需要獲取lbName的文本值，並將其傳遞給下面顯示的Javascript，以傳遞給Web服務。

謝謝

<li class="col-xs-5 ingredient draggable"><span>
                                                <asp:Literal ID="lbName" Text='<%# Eval("Name") %>' runat="server"></asp:Literal></span></li>

<script>
    $(function () {
        var webMethod = "http://localhost:53809/WebServices/DragDrop.asmx/GetFoodByName";

        $(".draggable").draggable({ helper: "clone" });

        $(".drag-div").droppable({
            accept: ".draggable",
            tolerance: "pointer",
            activeClass: "drop-here",
            hoverClass: "drop-here-hover",

            drop: function (event, ui) {

                $.ajax({
                        type: "POST",
                        url: webMethod,
                        data: "{'FoodName': '" + $(".draggable").find("lbFoodID").val() + "'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: onSuccess,
                        error: onError
                });
            }
        });

        function onSuccess(data, status) {
            $("#lbFoodNamePopup").html(data.d);

            $.fancybox({
                href: '#add-quantity'
            });
        }
        function onError(request, data, status) {
            alert(request.status);
        }

    });
</script>

Answer 1

看到這個小提琴

在drop功能中使用：

 var text = $(ui.draggable).find("#lblID").text();
 alert(text);