jquery - 如何在 HTML "option"标记上显示工具提示？

Question

使用纯 HTML 或 jQuery 辅助的 JavaScript，如何在个人上显示工具提示 <option>有助于决策过程的元素(没有足够的空间进行不同类型的控制，需要一些帮助)。

这可以通过插件或类似的方式完成吗？

我已经尝试了一些 jQuery 工具提示插件但没有成功(包括名为 Tooltip 的插件)。

这个解决方案应该:

• 使用 IE、WebKit 和 Gecko；
• 利用标准<select>包裹 <option>元素。

因此，如果解决方案想要使用其他标签，它应该将这些元素动态转换为它需要的元素(并且不要期望初始标记有任何不同)。

---

可以找到此代码 here ，它在 SafeSurf 部分下，我想在这里显示一些关于选项翻转的帮助，以及选择的含义。目前它只能在“事后”显示，对用户提供一些前期帮助将是有益的。

意识到这并不容易，可能需要创建一些东西 - 因此赏金将奖励给最完整的解决方案或使我最接近我可以创建的解决方案的特定钩子(Hook)。

Answer 1

似乎在提出这个问题后的 2 年里，其他浏览器已经 catch 了(至少在 Windows 上……不确定其他浏览器)。您可以在选项标签上设置“title”属性:

<option value="" title="Tooltip">Some option</option>

这适用于 Windows 7 上的 Chrome 20、IE 9(及其 8 和 7 模式)、Firefox 3.6、RockMelt 16(基于 Chromium)