select 里面有了底色，想失去焦点时再变成白色

Question

<SELECT  id="ok"  runat="server"  style="WIDTH:  184px;  HEIGHT:  32px" onblur="aa()">  
           <OPTION name="opt"  style="BACKGROUND-COLOR:  #ff3366"  selected>aaaa</OPTION>  
           <OPTION name="opt" style="BACKGROUND-COLOR:  #ff33ff">sssss</OPTION> 
   <OPTION name="opt" style="BACKGROUND-COLOR:  #ff66ff">sssss</OPTION>
   <OPTION name="opt" style="BACKGROUND-COLOR:  #ff99ff">sssss</OPTION> 
   <OPTION name="opt" style="BACKGROUND-COLOR:  #ff33ff">sssss</OPTION> 
   <OPTION name="opt" style="BACKGROUND-COLOR:  #ff33dd">sssss</OPTION> 
   <OPTION name="opt" style="BACKGROUND-COLOR:  #ff33aa">sssss</OPTION> 
   <OPTION name="opt" style="BACKGROUND-COLOR:  #ff3333">sssss</OPTION> </SELECT><script language="JavaScript">
<!--
function aa()
{
    var obj = document.all("ok");
for(var i=0;i<obj.length;i++)
{
obj.options[i].style.backgroundColor = "#ffffff";
    }
}
//-->
</script>

Answer 1

<SELECT  id="ok"  runat="server"  style="WIDTH:  184px;  HEIGHT:  32px" onblur="aa()">  
           <OPTION style="BACKGROUND-COLOR:  #ff3366"  selected>aaaa</OPTION>  
           <OPTION style="BACKGROUND-COLOR:  #ff33ff">sssss</OPTION> 
   <OPTION style="BACKGROUND-COLOR:  #ff66ff">sssss</OPTION>
   <OPTION style="BACKGROUND-COLOR:  #ff99ff">sssss</OPTION> 
   <OPTION style="BACKGROUND-COLOR:  #ff33ff">sssss</OPTION> 
   <OPTION style="BACKGROUND-COLOR:  #ff33dd">sssss</OPTION> 
   <OPTION style="BACKGROUND-COLOR:  #ff33aa">sssss</OPTION> 
   <OPTION style="BACKGROUND-COLOR:  #ff3333">sssss</OPTION> </SELECT><script language="JavaScript">
<!--
function aa()
{
    var obj = document.all("ok");
for(var i=0;i<obj.length;i++)
{
obj.options[i].style.backgroundColor = "#ffffff";
    }
}
//-->
</script>

Answer 2

ok.options[ok.selectedIndex].style.backgroundColor = "#ffffff";

Answer 3

<SELECT  id="ok"  runat="server"  style="WIDTH:  184px;  HEIGHT:  32px" onblur="aa()" onfocus="bb()">  
           <OPTION style="BACKGROUND-COLOR:  red"  selected>aaaa</OPTION>  
           <OPTION style="BACKGROUND-COLOR:  red">sssss</OPTION> 
</SELECT><script language="JavaScript">
<!--
function aa()
{
    var obj = document.all("ok");
for(var i=0;i<obj.length;i++)
{
obj.options[i].style.backgroundColor = "#ffffff";
    }
}
function bb()
{
    var obj = document.all("ok");
for(var i=0;i<obj.length;i++)
{
obj.options[i].style.backgroundColor = "red";
    }
}
//-->
</script>

Answer 4

<SELECT  id="ok"  runat="server"  style="WIDTH:  184px;  HEIGHT:  32px" onblur="aa(this)" onFocus="bb(this)">  
           <OPTION  style="BACKGROUND-COLOR:  #ff3366"  selected>aaaa</OPTION>  
           <OPTION  style="BACKGROUND-COLOR:  #ff33ff">sssss</OPTION> 
   <OPTION  style="BACKGROUND-COLOR:  #ff66ff">sssss</OPTION>
   <OPTION  style="BACKGROUND-COLOR:  #ff99ff">sssss</OPTION> 
   <OPTION  style="BACKGROUND-COLOR:  #ff33ff">sssss</OPTION> 
   <OPTION  style="BACKGROUND-COLOR:  #ff33dd">sssss</OPTION> 
   <OPTION  style="BACKGROUND-COLOR:  #ff33aa">sssss</OPTION> 
   <OPTION  style="BACKGROUND-COLOR:  #ff3333">sssss</OPTION> </SELECT>
<SCRIPT language="javascript">
function aa(oObj)
{
for(var i=0; i<oObj.options.length; i++)
oObj.options[i].preColor = oObj.options[i].style.backgroundColor;
for(var i=0; i<oObj.options.length; i++)
oObj.options[i].style.backgroundColor = "#FFFFFF";
}
function bb(oObj)
{
for(var i=0; i<oObj.options.length; i++)
oObj.options[i].style.backgroundColor = oObj.options[i].preColor;
}
</SCRIPT>

Answer 5

kining(.i Y o.)  说出了问题的关键，
原来我写错了，
 kisslan(郁忧的曼陀萝) 写出了问题的答案，
原来，我就想错了，
我以为，SELECT  是一个色，下面的OPTION的色不变，
所以，
引发了， zhaoweiwei(if(轩辕剑^倚天剑))   恢复一个色，
LxcJie(肖冲)  恢复原来的样子应该LxcJie(肖冲)的答案是最优的，
主得分手啦！
：）
竟然，还有preColor这一属性，
真棒！

Answer 6

那个是给每个option定义的一个自定义属性，不是属性的，千万别误导你，那个名字可以随便起的