jquery - 拖动包含表单控件的 div

Question

我正在使用一个包含复选框、文本框和下拉列表的 div。我正在使用 jquery 可拖放/可拖放。当 div 被拖放时，我在文本框中输入的值、在下拉列表中所做的选择等都不会保留。我使用了可拖动 div 的克隆，它保留了文本框值和 xhexk 框选项，但不保留下拉选择。有人可以帮忙吗。

Answer 1

当使用 javascript 选择下拉列表时，您可以尝试复制下拉列表中的值。

当框被拖动时，您可以在其中输入值。

function dragged(){
    $(this).children('#dropdown').val(copiedValue);
}

Answer 2

看看这个jqfaq.com链接，其中更多地讨论了拖放，并通过答案和更多问题与答案来解决。看看这个链接，工作样本可用。希望，这可能对你有所帮助。

    for (var i = 1; i < 11; i++) {
        var $newDiv = $("<div class='dragdiv'>" + i +"<input type='textbox' value="+i+" /></div>");
        $newDiv.draggable({
                snap: '#droppable',
                snapMode: 'outer',
                revert: "invalid",
                cursor: "move",
                helper: "clone"
        }).droppable({
                drop: function(event, ui) {
                    var $dragElem = $(ui.draggable).clone().replaceAll(this);
                    $(this).replaceAll(ui.draggable);
                }
        });

        $("#dragItems").append($newDiv);
    }