Multicolor combo box in JSP/HTML

I want to create a combobox in html where each word in each selection is a different color.

The following code makes an option in the combo box red:

<option style="color: #FF0000">Combo option</option>

However, I would like the word "Combo" to be red, and the word "option" to be green.

I've tried the following:

<option style="color: #FF0000">Combo option</option>

and also:

<option>Combo option</option>

but neither worked.

Not sure why you want to have it that way, but I'm sure you can't do it with standard select box. You may want to try to write your own select box with with css & javascript or use flash.

Welcome to Javaranch Aditya Bhanose

Please choose an appropriate forum for your questions.Asking questions in an unrelated forum yields fewer and less useful response. Read this for more information.

I need to display two diffrent values in the select box.

<option><%=lang.getName()%> <%=lang.getShortName()%> </option>

In this it becomes difficult for user to diffrentiat both the values. Putting a separater(-) is also not that helpful. I am looking for solution where user can easyly see both the values.

I have data like:

United States Of America USA
India Ind
South Africa SA

You can see first value in each row is not of fixed width, and Its difficult to understand which is short name (2nd value).Is there any way we can give fixed width to values in option?

FYI: HTML does not have a combobox

You can not style the text differently inside of the option tag. It is all or nothing.

For the fixed width, you would have to put whitespace manually into it. [That is if the select element will honor it and not trim it.]

Eric

I think I should go with using separator or manually adding spaces between the words.

Thanks For Reply

-Aditya
[ November 26, 2008: Message edited by: Aditya Bhanose ]