h:selectOneMenu, s:selectItems and title

[fmontezuma]

I have a tiny h:selectOneMenu populated by s:selectItems.

Some of the data have big length and I need to show it somehow.

In firefox it's alright, it maximizes the option fields so they can display the longest label of the options.

The problem is IE, it is cutting the labels and I don't know a way to show a title or maximize the options like Firefox does.

Thought about setting titles using javascript, but couldn't find a way.

Any help? Thanks.

[niox.nikospara.yahoo.com]

Hello,

Try this:

<h:selectOneMenu value="#{a.b.xx}" title="#{a.b.xx}"
   onchange="this.title = this.options[this.selectedIndex].text">

Could require some tweaking, but that is the general idea.

[fmontezuma]

Actually I wanted to set titles for the <option>s of the <select>.

Already found a way, but thanks anyway.

Here is the code, for history:

<script language="text/javascript">
    var options = document.getElementsByTagName("option");     
    for (var optIndex in options)
        options[optIndex].title = options[optIndex].text;
</script>