jsf中SelectItem中的工具提示

Question

我在s:selectOneMenu 中使用t:selectItem。我的 itemLabel 太长，无法在 selectOneMenu 窗口中看到。有谁知道，如何获得每个 selectItem 的工具提示？欣赏这个方向的任何想法。

Answer 1

您可以为此使用javascript。由于您没有提供任何代码示例，我使用以下示例。你可以抓住这个概念并相应地应用它来满足你的需求。

<h:form id="myForm">
    <h:selectOneMenu id="myCombo">
        <f:selectItem itemLabel="Label1"/>
        <f:selectItem itemLabel="Label2"/>
        <f:selectItem itemLabel="Label3"/>
    </h:selectOneMenu>
</h:form>

您的javascript 代码应如下所示。

<script>
    window.onload = function(){
         var options = document.getElementById("myForm:myCombo").options;
         for(var i = 0; i &lt; options.length; i++) {
             options[i].title = options[i].innerHTML;
         }
    }
</script>