2

我的要求是tooltip为每个选项提供一个选项， SelectOneMenu因为选项标签太大，无法提供这么大尺寸的 SelectOneMenu 。所以标签正在切割。这就是为什么我需要工具提示来显示鼠标悬停在 SelectOneMenu 中的选项的整个值。

任何想法将不胜感激。

4

2 回答 2

3

如果您使用“javax.faces.model.SelectItem”列表，则可以传递描述属性以显示每个选项的工具提示。

于 2012-04-22T14:08:21.973 回答
0

您可以使用javascript. 假设你selectOneMenu如下。

<h:form id="form1">
    <h:selectOneMenu id="combo1">
        <f:selectItem itemLabel="First Label"/>
        <f:selectItem itemLabel="Second Label"/>
        <f:selectItem itemLabel="Third Label"/>
    </h:selectOneMenu>
</h:form>

在页面顶部添加此脚本。

<script>
    window.onload = function() {
         var options = document.getElementById("form1:combo1").options;
         for(var i = 0; i &lt; options.length; i++) {
             options[i].title = options[i].innerHTML;
         }
    }
</script>
于 2013-01-07T09:20:53.910 回答