请老师检查

来源:4-3 编程练习

LuciusTan

2020-04-22 17:29:11

<!DOCTYPE html>
<html>
<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></span></p>
    <script>
    // 此处写代码
        const list = {
            'fruit':'苹果,香蕉,梨子,橙子,西瓜',
            'cake':'慕斯,奶酪,海绵,重油,戚风',
            'nuts':'碧根果,巴旦木,夏威夷果,腰果,开心果'
        };
        var menu = document.querySelector("#menu");
        var textLabel = document.querySelector("span");
        menu.onchange = function(){
            textLabel.innerHTML = list[menu.value] ? list[menu.value] :  '';
        };
    </script>
</body>
</html>


写回答

2回答

好帮手慕码

2020-04-22

同学你好,效果正确,思路也对。继续加油,祝学习愉快~

1

LuciusTan

提问者

2020-04-22

主要是请老师帮忙看一下,这样的思路是否合理。

0

0 学习 · 14456 问题

查看课程