拖放-以POST形式发送被拖动的项目

Question

我正在尝试编写函数（js / jquery），该函数将允许用户拖放元素。之后，我想以POST形式发送拖动到div容器内的所有元素。

我的标签如下：

<div style="display: inline-flex; flex-wrap: wrap;">
   <div style="background: #dddfe2; padding: 8px 10px; cursor: pointer; margin: 0px 10px 10px 0px; ">
       <span>Tag 1 name</span>
   </div>
   <div style="background: #dddfe2; padding: 8px 10px; cursor: pointer; margin: 0px 10px 10px 0px; ">
       <span>Tag 2 name</span>
   </div>
   <div style="background: #dddfe2; padding: 8px 10px; cursor: pointer; margin: 0px 10px 10px 0px; ">
       <span>Tag xx name</span>
   </div>
</div>

我希望用户能够将感兴趣的标签拖动到我的div容器中：

<div class="tags_container"></div>

然后提交仅包含我的tags_container内部标签的POST表单。我不确定输入逻辑如何在这里工作以获取正确的标签。我应该使用某种隐藏的输入吗？任何帮助将不胜感激。