将 id拖放到文本输入中

我搜索了互联网，我不知道如何做到这一点。 我希望有类似文件列表的东西，拖放文件（

元素）并将其id写入文本字段。 可能吗 ？

Answer 1

是的，可以使用jQuery UI draggable和droppable插件。 您需要在页面中包含jQuery UI脚本引用。

jQuery UI CDN – http://code.jquery.com/ui/1.11.4/jquery-ui.min.js

HTML

 
 
Li 1
 
Li 2
 
Li 3
 
 
 
  

JS

 $('ul li').draggable({ revert: true, helper: 'clone' }); $("#textbox").droppable({ drop: function (event, ui) { this.value = $(ui.draggable).attr('id'); } }); 

演示http://jsfiddle.net/bxjmtdkv/2/