自定义字段映射，在HTML / JS中拖放

Question

我需要创建一个界面，用户可以将字段“映射”到其他字段。

左侧的字段是内部数据库字段，右侧的字段是外部CRM应用程序中存在的字段。

用户需要能够映射字段，例如，如果他们决定映射3个字段（名字，公司和电子邮件地址），UI将以某种形式显示内部字段名字映射到外部字段FirstName。 / p>

我没有任何代码可以显示，只是想知道是否有人知道任何工具/ jquery插件？

我目前的想法是有两个选择框，让用户在两者中选择一个值，然后单击添加映射。这可行，但只是想知道是否有更流畅的方式。

Answer 1

有jQuery's Draggable允许使用鼠标移动元素。

然后还有jQuery's Droppable为可拖动元素创建目标。

它们两者结合起来可以帮助您创建HTML界面。

一切顺利。