![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <script type="text/javascript"> 2 function ChangeColor(){ 3 var dd = document.getElementById("d"); 4 var ss = document.getElementById("s"); 5 dd.style.backgroundColor = ss.value; 6 } 7 </script> 8 <style type="text/css"> 9 #d{ 10 width:400px; 11 height:300px; 12 border:1px solid #000; 13 } 14 </style> 15 </head> 16 17 <body> 18 <select id = "s" onchange="ChangeColor()"> 19 <option selected = "selected">-------请选择------</option> 20 21 <option value="yellow">黄色</option> 22 <option value="green">绿色</option> 23 <option value="blue">蓝色</option> 24 <option value="pink">粉红色</option> 25 <option value="red">红色</option> 26 <option value="gray">灰色</option> 27 28 <option value="orange">橘黄色</option> 29 30 </select> 31 32 <div id = "d"></div> 33 <a href = "javascript:ChangeColor()"></a> 34 </body>
通过下拉列表,制作颜色框,当选中一种颜色时,更改div的背景颜色