如何为每个f：selectItem onMouseOver事件显示工具提示

Question

每当我 mouseOver 一个选项元素时，我正试图找到一种方法来显示工具提示（或html＆＃39;标题＆＃39;属性）。我正在使用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>

下拉列表的值为“已完成”，“已失败”和“正在进行”。 我希望工具提示在每次徘徊时说出每个状态。

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

Answer 1

您实际上需要使用javascript和css来完美地调整这一点以及richfaces工具提示。 Richfaces 3.3.3有一个与工具提示相关的错误。

Here是一个可以与RichFaces一起使用的jQuery插件的示例。

Answer 2

请参阅my question jQuery snippet title为options生成的所有selectOneMenu/selectItems添加{{1}}属性。大多数浏览器都会将其渲染为工具提示。