如何为每个 f:selectItem onMouseOver 事件显示一个工具提示答案

【问题标题】：How to display a tooltip for each f:selectItem onMouseOver event如何为每个 f:selectItem onMouseOver 事件显示一个工具提示
【发布时间】：2014-05-27 08:08:33
【问题描述】：

每当我mouseOver 一个选项元素时，我试图找到一种显示工具提示（或html 'title' 属性）的方法。我正在使用 JSF 的 t:selectOneMenu 和 f:selectItems。

selectItems 的值作为变量 (ArrayList) 从我的支持 bean 传递。我的 xhtml 代码如下：

<t:selectOneMenu id="mySelectOneMenu" value="#{backerBean.myForm.status}">
    <f:selectItems id="mySelectItems" value="#{backerBean.statusSelectItems}"/>
</t:selectOneMenu>

下拉菜单的值为 Completed、Failed 和 In Progress。我希望工具提示在鼠标悬停时说明每个状态。

我曾尝试使用 rich:tooltip 标签，但无法使其动态更改。任何人都可以帮我执行此操作。我对 javascript 或 jquery 方法持开放态度。如果可以使用JSF标签和属性就更好了！

【问题讨论】：

标签： javascript jsf richfaces tooltip selectonemenu

【解决方案1】：

您实际上需要 javascript 和 css 来完全调整它以及 Richfaces 工具提示。 Richfaces 3.3.3 有一个与工具提示相关的错误。

Here 是一个应该与 RichFaces 配合使用的 jQuery 插件示例。

【讨论】：

【解决方案2】：

请看my question。
有一个jQuery snippet 将title 属性添加到由selectOneMenu/selectItems 生成的所有options。大多数浏览器会将其呈现为工具提示。

【讨论】：