Javascript 如何对工具提示执行更改

我想将一个

div

显示为另一个

div

的

tooltip

，我想在

div

上显示一些

输入字段

如

文本字段

或

选择框

，作为

工具提示

从最终用户获取值。如何使用Javascript或jQuery实现此功能？

好的，这有点复杂，但JSFIDLE非常清楚地显示了这一点

当您将鼠标悬停在任一图像上时，它将读取class属性，并从中了解是获取

还是

元素的值

css:

#ttDiv{position:absolute;top:20px;left:100px;width:auto;padding:0 7px;background:wheat;display:none;z-index:2;}

.tlbInputTooltip{height:30px;width:auto;border:1px solid lightgrey;box-shadow:1px 1px 1px #000;display:inline-block;}

---

查看此链接我已看到此链接，但我无法将任何输入字段添加到工具提示，而且当我尝试将鼠标放在工具提示内容上时，工具提示将消失。您是如何尝试添加输入字段的？请发布代码。删除不必要的代码格式当您将鼠标悬停在图像上时，我的答案将显示工具提示，但您可以修改示例，使其在将鼠标悬停在div上时非常轻松地显示工具提示。祝你的项目好运。

#ttDiv{position:absolute;top:20px;left:100px;width:auto;padding:0 7px;background:wheat;display:none;z-index:2;}

.tlbInputTooltip{height:30px;width:auto;border:1px solid lightgrey;box-shadow:1px 1px 1px #000;display:inline-block;}