title: Display All Dropdown Values in a Tooltip
body: <p>I want to display the dropdown values as a tooltip. Whenever the mouse is pointed on particular dropdown option then all the values should be shown in the tooltip.</p>
  
  <pre><code>&lt;td width="auto"&gt;
      &lt;div style="width: 155px;" class="selectbox"&gt;
          &lt;h:selectOneMenu
              onmouseover="displayToolTip(this);this.focus();"
              onfocus="SelectON(this);" onblur="SelectOFF(this);"
              value="#{BusinessInf.bOwnerShipStatusI }"
              disabled="#{BusinessInf.debtypeInd }"
              id="commOwnerShipStatusIndividual" styleClass="combobox"&gt;
                  &lt;f:selectItem itemLabel="--Pilih--" /&gt;
                  &lt;f:selectItems value="#{BusinessInf.bOwnerShipStatusIs }" /&gt;
                  &lt;a4j:support event="onchange"
                      action="#{BusinessInf.enableICRentOwn}"
                      reRender="commDateBorrowerOwns,commDatedebtorOwns"&gt;
                  &lt;/a4j:support&gt;
          &lt;/h:selectOneMenu&gt;
      &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>JS : </p>
  
  <pre><code>function displayToolTip(val){
  
      val.title = val.value;  
  }
  </code></pre>
  
  <p>This code is displaying only the value that is selected. But I want to display the tooltip that contains all the values that are in the dropdown.</p>