jsf 中每个 SelectOneMenu 项的工具提示

Question

我的要求是提供一个 tooltip对于每个选项中的SelectOneMenu因为选项标签太大了
不可能提供这么大的 SelectOneMenu 。所以
标签正在切割。这就是为什么我需要工具提示来显示
鼠标悬停在 SelectOneMenu 中选项的整个值。

任何想法将不胜感激。

Answer 1

您可以使用 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>