求大神帮助,实现option选项切换背景颜色

a1771449051 2015-12-11 11:33:21
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<style type="text/css">
body{background-color: blue;}

</style>
<body>
<script type="text/javascript">
function changecolor(){

var color=document.getElementById("sel").value;

this.style.backgroundColor=color
}
</script>
<select id="sel" onchange="changecolor()">
<option value="white">白色</option>
<option value="blue">蓝色</option>
<option value="red">红色</option>
<option value="yellow">黄色</option>
</select>


</body>
</html>
...全文
434 2 打赏 收藏 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
似梦飞花 2015-12-12
  • 打赏
  • 举报
回复

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<style type="text/css">
    body{background-color: blue;}
</style>
<body>
<script type="text/javascript">
    function changecolor(me){
        document.body.style.backgroundColor=me[me.selectedIndex].value;
    }
</script>
<select id="sel" onchange="changecolor(this)">
    <option value="white">白色</option>
    <option value="blue">蓝色</option>
    <option value="red">红色</option>
    <option value="yellow">黄色</option>
</select>


</body>
</html>
slwsss 2015-12-12
  • 打赏
  • 举报
回复
document.body.style.backgroundColor=color document.getElementById("sel").style.backgroundColor=color

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧