Jquery 具有标记和标记悬停功能的自定义下拉列表

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

请看下图

第一张图像是初始下拉列表，带有背景色

并且第二个图像具有功能性

• 两列下拉项

• 当项目单击其“添加为”标记时

• 如果将鼠标悬停在标签上，就会弹出一个描述窗口

我是Select2 library的新手，不了解Select2是否可以使用？如果可能，请建议我如何实现

如果无法选择2，请建议其他合适的库

---

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

实际上，您可以将

作为标记添加到该div的其余部分（第一个图像的外部div）。为此，您可以将当前单击的

中的值添加到变量中，然后将该变量附加到父div（例如，父div意味着，我们可以说外部div是父div）。这是一个基本的jQuery解决方案，实际上我不知道select2。所以，如果这个答案对你有帮助，就接受它吧

还有一个例子