jsf中SelectItem中的工具提示

Question

我在t:selectItem内使用s:selectOneMenu。我的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>