Question

我正在使用包含复选框，文本框和下拉列表的div。我正在使用jquery draggable / droppable。拖放div时，我不会保留在文本框中输入的值，在下拉列表中进行的选择等。我使用了draggable 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);
    }

拖动包含表单控件的div

2 个答案: