如何动态改变SELECT OPTION 的风格?

<select name='a' size='2'>
<option value='1'>1</option>
<option value='2'>2</option>
</select>系统默认的选择背景色为蓝色,字体为白色字,如何改这个风格改为自己想要的呢?也就是在选择的时候.如果用户第一次选择为第一个选项,第二次选择为第二个选项,如何得知用户在选择第二次选择的为第一项?

解决方案 »

  1.   


    <html>
    <head>
    <script type="text/javascript">
    function selectindex(value)
    {
     var val=value.value;
     alert("选择的是"+val);
    }
    </script>
    </head>
    <body>
        <select id="Select1" onchange="selectindex(this)">
            <option value= '1 '> 1 </option> 
    <option value= '2 '> 2 </option>
        </select>
    </body>
    </html>
      

  2.   

    不知你是要改变整个页面的style还是就是这个select的style
    你可以在select标记里用onchange事件来调用与你传回的item的值（颜色值或者、、）相对应得js事件来控制document.style或者select.style
      

  3.   

    <select   name= 'a '   size= '2 ' id='slt1' onchange='changeStyle()'> 
    <option   value= '1 '> 1 </option> 
    <option   value= '2 '> 2 </option> 
    </select> function changeStyle()
    {
       var op1=document.getElementById('slt1');
       op1.options[op1.selectedIndex].style.color='red';//设置你想要的效果
    }
      

  4.   

    更改select 样式?如果要更改select开状的话有点的难。
    不过可以用另一方法。