拖动链接以使用Jquery动态创建文本框

伙计们，我的HTML文件由2个DIV标签和一个Submit按钮组成，如下所示

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

<div id="Container">
  <!-- this is Dynamic area -->     
</div>
<input type="Submit" name="submit">

---

我想要的是，如果我将一个链接（文本框）从menu DIV拖到Container DIV，我需要在Container DIV中动态创建一个文本框。。稍后我需要从Submit按钮获取文本框值，关于如何使用Jquery实现这一点，有什么想法或来源吗？

我会这样说。但是我没有测试代码

首先，使用jquery ui使链接可拖放。将类Dragable&Dropable添加到链接中。 在拖放时触发在容器内创建文本框的函数

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

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

您的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()">

这就是您需要的：

像这样的事？

---

请注意，我更改了您的html，在链接中添加了一个“数据名”属性，该属性指定了它创建的输入的名称

Thank Dude！我几乎得到了我想要的；）

<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()">