老师，帮忙看下

首页课程实战体系课手记专栏慕课教程

老师，帮忙看下

来源：4-12 编程练习

多盐少糖

2021-05-18 17:47:48

问题描述：

var backcolor=this.value;这个不知道是咋回事，在之后的课程会有讲吗？

相关代码：

<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <title>onchange()</title>
    <style type="text/css">
     #div{
     width:300px;
     height:300px;
     border:2px solid gray;
     margin:100px  0  0 200px;
     }
    </style>
    <script type="text/javascript">
       //补充代码
      window.onload=function(){
           var box1=document.getElementById('div');
            var dow=document.getElementById('color');
            dow.onchange=function(){
           var backcolor=this.value;
           if(backcolor=="0"){
               box1.style.backgroundColor='white';
               box1.innerHTML='我没有发生任何改变';
           }else{
               box1.style.backgroundColor=backcolor;
               box1.innerHTML='我变成了'+backcolor+'色';
           }
       }
       }


    </script>
</head>
<body>
        <div>
         <span>请选择您喜欢的颜色:</span>
         <select id="color" >
         <option value="0" selected='selected'>请选择</option>
         <option value="yellow" >黄色</option>
         <option value="orange">橘色</option>
         <option value="pink">粉色</option>
         <option value="purple">紫色</option>
         </select>
        </div>
<div id="div">我是div</div>
 </body>
</html>