老师,我用火狐浏览器selected,刷新不显示已选中项,是浏览器问题吗?

老师,我用火狐浏览器selected,刷新不显示已选中项,是浏览器问题吗?

<!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=star;
           function star(){
               var col=document.getElementById("color"),
                    col1=document.getElementById("div");
               col.onchange=function(){
                   var str=this.value;
                   if(str=="0"){
                       col1.style.background="#fff";
                   }
                   else{
                       col1.style.background=str;
                   }
               }
           }
        </script>
    </head>
    <body>
        <div>
            <span>请选择您喜欢的颜色:</span>
            <select id="color">
                <option value="0">请选择</option>
                <option value="yellow">黄色</option>
                <option value="orange" selected>橘色</option>
                <option value="pink">粉色</option>
                <option value="purple">紫色</option>
            </select>
        </div>
        <div id="div">我是div</div>
 </body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2018-08-21 13:39:49

这个效果是可以的哦,不只是火狐浏览器,Chrome也是这样的,因为刷新页面的时候,并没有进行onchange的操作,所以即使下拉列表选的是默认的,div的背景颜色是不会变的。祝学习愉快~~

  • 提问者 慕运维2135045 #1
    是那个下拉菜单刷新不显示selected选项
    2018-08-21 13:41:16
  • 好帮手慕星星 回复 提问者 慕运维2135045 #2
    是火狐浏览器解析机制的问题,刷新之后不能回复到默认选择的那一项。
    2018-08-21 13:49:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师