拖动图像并动态生成文本框

时间:2014-04-21 12:03:15

标签: javascript jquery asp.net

我有一个项目,其中必须将图像拖放到指定区域中,当我放下它时,文本框应该使用像asp.net工具框这样的标签生成。我可以使用jquery拖动图像,但不知道如何获取文本区域。因此,如果有人对此有所了解,将会非常有帮助。 谢谢, Vijayesh。

这是我尝试拖动的内容,我是js或jquery的新手

 <script type="text/javascript">

    $(function () {
       $("#Drag1").draggable( {
         cancel: "a.ui-icon", 
         revert: "invalid", 
         helper: "clone",
            });
      $("#drop").droppable({  });

       </script> 

1 个答案:

答案 0 :(得分:1)

听起来像你想动态创建客户端元素。

我建议您在jQuery API中查看.append()

这是一个简单的例子:

$('#parent').append('<textarea>SampleText</textarea>');

更好的例子:

说我有:

<div id="dvStuff">

</div>

在jquery我能做到:

$('#dvStuff').append('<input type="text"></input>');

我最终会:

<div id="dvStuff"> 

<input type="text"></input>
</div>

<强>更新

因此,使用可拖动的api,您可以使用stop event

stop: function( event, ui ) { $("#Drag1").append('<textarea>SampleText</textarea>');}