拖动包含表单控件的div

Question

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

Answer 1

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

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

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

Answer 2

看一下这个jqfaq.com链接，在这里更多地讨论了拖放，并通过一个答案和更多的问题与答案得到了解决。看一看这个link，工作样例在这里有用。霍普这也许能帮到你。

    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);
    }