Untitled

<html>
<head>
<style>
/*option{background-color: #F0F;}
#b1{background-color: #0F0;}
#b2{background-color: #F00;}
#b3{background-color: #E8E819;}
#b4{background-color: #F60;}*/
</style>

  <script language="javascript" type="text/javascript">
    function color(el) {el.background-color = el.options[el.selectedIndex].background-color;}
  </script>
</head>

<body>
        <form>
                <select style="background-color: #F0F;" name="a1" id="a1" onchange="color(this)">
                        <option style="background-color: #E8E819;" value="1">Started</option>
                        <option style="background-color: #F60;" value="2">Severed</option>
                        <option style="background-color: #F00;" value="3">Failed</option>
                        <option style="background-color: #0F0;" value="4">Completed</option>
                </select>
        </form>
</body>
</html>