ドラッグ動的jQueryの

Question

ガイズを使用してテキストボックスを作成するためのリンクを、私は2個のDIVタグで構成されたHTMLファイル、送信ボタンをしましたが、のように見えますメニューDIVからコンテナDIVへのリンク（テキストボックス）コンテナDIVに動的に作成されるテキストボックスが必要です。後で、送信ボタンからテキストボックス値を取得する必要があります.Jqueryを使用してこれを実現する方法については、

Answer 1

に変更する必要がありますこれは何が必要です：

http://jsfiddle.net/zSUJF/18/

Answer 2

私はこれのように言うでしょう。私はコードをテストしませんでした。

まず、jquery UIを使用して、リンクをドラッグ可能/ドロップ可能にします。ドラッグ可能なクラス&をリンクに追加してください。 ドロップトリガで、コンテナ内にテキストボックスを作成する機能。

$(".draggable").draggable(); 

$(".droppable").droppable({ 
drop: function() { 
    $('#Container').append($('<input type="text" id="someid" />')); 
    } 
}); 

テキストボックスから値を取得する方法と場所によっては、この方法を使用してテキストボックス値を配列に格納できます。

function getvalues(){ 
    var values = {}; 
    $("#Container :input").each(function (i, item) { 
    if (item.id != "") { 
     values[item.id] = item.value; 
     } 
    }); 
} 

あなたのHTMLは

<div id="menu"> 
    <a class="draggable" href="#">Textbox</a> 
</div> 

<div id="Container" class="droppable"> 
    <!-- this is Dynamic area -->  
</div> 
<input type="Submit" name="submit" onclick="getvalues()"> 

Answer 3

このような何か？私はそれが