包含代码和代码悬停功能的自定义下拉列表

Question

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

请看下图

第一张图片是初始下拉列表，背景颜色。

并且第二张图片具有功能

• 两列下拉项

• 当商品点击其添加为标签

时

• 如果将鼠标悬停在标签上，则会显示说明弹出窗口。

我对Select2库不熟悉并且不能理解Select2与否？如果可能的话请建议我如何实现？

如果Select2不可能，请建议其他合适的图书馆？

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

Answer 1

实际上，您可以将<li>作为标记添加到该div的其余部分（第一张图片的外部Div）。为此，您可以将值添加到当前单击的<li>变量中，然后将该变量附加到父div（父div表示，例如，我们可以说外部div是父Div）。这是一个基本的jQuery解决方案，实际上我不知道select2。所以，如果这个答案可以帮到你，那就接受吧。

也是一个例子 https://jsfiddle.net/saifudazzlings/2ew27vvL/