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>