Cakephp HABTM的可视化

我正在寻找一种方法，使HABTM在网站上的关系更加美丽。 默认情况下，它们显示在一个长列表中。要同时选择多个，必须按住Ctrl键

我可以想象有两张桌子挨着的拖放系统。右表中的所有内容都被视为选中。

不幸的是，我不知道如何做好。到目前为止，我唯一的方法是从cakephp自动创建一个表，并创建第二个空表

如果打开页面，javascript将隐藏cakephp表中未选中的所有内容（即正确的表）。在仍然为空的表中，脚本将写入对另一个表隐藏的所有内容

如果现在单击其中一个表中的一个对象，javascript将在该表中隐藏它，并在另一个表中显示它，然后（取消）选择它

对我来说，这个实现听起来相当困难，而且容易出错。

---

你有什么好主意我可以在这里做什么吗？可能是一个插件或者其他什么东西？不幸的是，我在搜索中找不到任何与此相关的信息。但我无法想象没有人处理过这个问题，因为cakephp的HABTM表示法不是很好。

无论您使用什么JS框架，都可以使用select2或它的一个版本。通过几行jquery和一些AJAX来获取JSON数据，在屏幕截图中显示的内容并不难完成。显示另一个选项，但可能不适用于超大列表。嘿@burzum，感谢您的回复。我觉得有点惭愧。但我不明白如何使用select2来实现我的目标。我目前的计划是尽可能多地使用cakephp。因此，不需要AJAX。我想在cakephp提交表单中包含我的新列表可视化。但我在谷歌上搜索这些东西可能也太糟糕了。我不知道这类列表是如何命名的。你能给我一些提示（比如我如何完成列表）或者一些教程的链接吗？嘿@马克，谢谢你的例子，但是我的列表太大了。蛋糕不能为你做任何事情。如果需要使用JavaScript或Ajax来获得所需的结果，那么就使用JavaScript或Ajax。这些技术是非常互补的。