带有标签和标签悬停功能的自定义下拉菜单

Question

最近分配给我的一项工作，就是构建一个具有一些功能的下拉菜单。我们使用Select2 并尝试这样做，因为 Select2 具有一些很好的特性和功能。

请看下图

第一张图片是初始下拉菜单，带有背景色。

第二张图片有功能

• 两栏下拉项

• 当一个项目点击它添加为标签时

• 如果将鼠标悬停在标签上，则会弹出描述。

我对 Select2 库很陌生，不理解 Select2 是否可能？如果可能，请建议我如何实现？

如果不能使用 Select2，请推荐其他合适的库？

请注意：标签的所有项目和悬停文本都是动态的（来自数据库）

Answer 1

实际上，您可以将<li> 作为标签添加到该 div 的其余部分（第一个图像的外部 Div）。为此，您可以将值添加到当前单击的<li> 中的变量，然后将该变量附加到父 div（父 div 意味着，例如，我们可以说外部 div 是父 div）。这是一个基本的 jQuery 解决方案，实际上我不知道 select2。因此，如果此答案对您有帮助，请采纳。

还有一个例子
https://jsfiddle.net/saifudazzlings/2ew27vvL/