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