体系课

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

老师，请检查

来源：4-3 编程练习

慕斯卡0165078

2020-06-15 18:06:13

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <p>

        请选择菜单：

        <select id="menu">

            <option>请选择</option>

            <option value="fruit">水果</option>

            <option value="cake">蛋糕</option>

            <option value="nuts">坚果</option>

        </select>

    </p>

    <p>该系列有：<span id="resulyOutPut"></span></p>

    <script>

    //onchange事件需要绑定在select上

    var menu=document.getElementById("menu");

    var resulyOutPut=document.getElementById("resulyOutPut");

        // 取到被选中的那个选项值

        // var optValue=menu.options[menu.selectedIndex].value

        

        menu.onchange=function(){

            debugger

            switch(this.value){

                case "fruit":

                resulyOutPut.innerHTML="苹果 香蕉 鸭梨 菠萝 蜜瓜";

                break;

                case "cake":

                resulyOutPut.innerHTML="慕斯 奶酪 海绵 甜点 蛋糕";

                break;

                case "nuts":

                resulyOutPut.innerHTML="碧根果 夏威夷果 开心果 巴旦木 核桃";

                break;

                case "请选择":

                resulyOutPut.innerHTML="";

            }


        }


    </script>

</body>

</html>



写回答

1回答

好帮手慕夭夭

2020-06-15

同学你好，代码实现正确。继续加油，祝学习愉快~

0

0 学习 · 14456 问题

查看课程

相似问题

请老师检查

回答 2

请老师检查

回答 2

请老师检查

回答 2

老师请检查

回答 1

请老师帮我检查，谢谢

回答 1

打开慕课网App查看更多内容