jsf中选择项的工具提示

Question

我在s:selectOneMenu中使用t:selectItem。我的itemLabel太长，不能在selectOneMenu窗口内看到。有谁知道，如何得到一个工具提示为每个选择项?谢谢大家的建议。

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>