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.

```
<td width="auto">
    <div style="width: 155px;" class="selectbox">
        <h:selectOneMenu
            onmouseover="displayToolTip(this);this.focus();"
            onfocus="SelectON(this);" onblur="SelectOFF(this);"
            value="#{BusinessInf.bOwnerShipStatusI }"
            disabled="#{BusinessInf.debtypeInd }"
            id="commOwnerShipStatusIndividual" styleClass="combobox">
                <f:selectItem itemLabel="--Pilih--" />
                <f:selectItems value="#{BusinessInf.bOwnerShipStatusIs }" />
                <a4j:support event="onchange"
                    action="#{BusinessInf.enableICRentOwn}"
                    reRender="commDateBorrowerOwns,commDatedebtorOwns">
                </a4j:support>
        </h:selectOneMenu>
    </div>
</td>

```

JS : 

```
function displayToolTip(val){

    val.title = val.value;  
}

```

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.