Jquery 拖放a<;李>;文本输入的id

Jquery 拖放a<;李>;文本输入的id,jquery,html-lists,drag,Jquery,Html Lists,Drag,我已经搜索了互联网,但我不知道怎么做。我想要一个文件列表,拖放一个文件(一个元素)并将其id写入文本字段。可能吗?是的,可以使用jQuery UI可拖动和可拖放插件。您需要将jQueryUI脚本引用包含到页面中 jQuery UI CDN- Html 演示 您可以使用jqueryuidraggable和droppableYes。这是可能的。你自己的尝试? <ul> <li id="li1">Li 1</li> <li id="li2"&g

我已经搜索了互联网,但我不知道怎么做。我想要一个文件列表,拖放一个文件(一个
  • 元素)并将其id写入文本字段。可能吗?

    是的,可以使用jQuery UI可拖动和可拖放插件。您需要将jQueryUI脚本引用包含到页面中

    jQuery UI CDN-

    Html

    演示

    您可以使用
    jqueryui
    draggable和droppableYes。这是可能的。你自己的尝试?
    <ul>
        <li id="li1">Li 1</li>
        <li id="li2">Li 2</li>
        <li id="li3">Li 3</li>
    </ul>
    <br />
    <br />
    <input type="text" id="textbox" />
    
    $('ul li').draggable({
        revert: true,
        helper: 'clone'
    });
    
    $("#textbox").droppable({
        drop: function (event, ui) {
            this.value = $(ui.draggable).attr('id');
        }
    });