SELECT onclick

[hosdank]

Can I have a onclick event on a option tag that changes the background of that option? If so, how do I do it? Thanks :)

[jackbenimble4]

I believe the CSS background property for option elements isn't supported by all browsers. I remember testing this recently... It works in Firefox 3.0 for sure, but I'm pretty sure the property is ignored in all version of Internet Explorer.

[clueful]

Can I have a onclick event on a option tag that changes the background of that option? If so, how do I do it? Thanks :)Presumably you mean background colour. You can do something like this:
<select onchange="this.options[this.selectedIndex].style.backgroundColor='#0f0'">but results vary.

[hosdank]

Yeah, but the thing is I want all the other backgrounds to change back to what they were. Thanks anyway :)

[clueful]

Yeah, but the thing is I want all the other backgrounds to change back to what they were. Thanks anyway :)Yes I thought you might.


<select onchange="setOptionColour(this,'#0f0')">
........
<script type="text/javascript">

function setOptionColour(box, clr)
{
for(var i=0, len=box.options.length; i<len; i++)
box.options[i].style.backgroundColor=(i==box.selectedIndex)?clr:"";
}

</script>

[hosdank]

Thanks so much :):):)

[codeexploiter]

But if you check the display of a background-color based options in a select list through Firefox and IE, you'll get two different things

[magicyte]

You can use the .select() object to select text in a textfield, jsut for later use.

-magicyte