Tryit Editor v1.4

<html>
<head>
<script type="text/javascript">
function changeColor(color)
{
myForm.elements[0].style.background=color;
}
</script>
</head>
<body>

<p>This example demonstrates how to change the background color of an option list.</p>
<p>Mouse over the three colored table cells, and the option list will change color:</p>

<table width="100%"><tr>
<td bgcolor="red" onmouseover="changeColor('red')"> </td>
<td bgcolor="blue" onmouseover="changeColor('blue')"> </td>
<td bgcolor="green" onmouseover="changeColor('green')"> </td>
</tr></table>

<form name="myForm">
<select>
<option>Mouse over the colored table cells</option>
<option>Mouse over the colored table cells</option>
<option>Mouse over the colored table cells</option>
<option>Mouse over the colored table cells</option>
</select>
</form>

</body>
</html>

Your Result:

Edit the code above and click to see the result.

W3Schools.com - Try it yourself