JSFiddle - React, Tailwind, and code Playground

by Sahil Kashyap

HTML

<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" />

JavaScript

$('ul li').draggable({
    revert: true,
    helper: 'clone'
});

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