老师请检查
来源：4-3 编程练习
kekeke_
2022-04-12 14:52:46
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
请选择菜单：
<select id="menu">
<option>请选择</option>
<option value="fruit" class="btn">水果</option>
<option value="cake" class="btn">蛋糕</option>
<option value="nuts" class="btn">坚果</option>
</select>
</p>
<p>该系列有：<span class="result"></span></p>
<script>
// 此处写代码
var btn=document.querySelectorAll('.btn');
var result=document.querySelector('.result');
var select=document.querySelector('#menu')
select.onchange=function() {
switch(this.value){
case"fruit":
result.innerHTML='苹果，香蕉，葡萄，草莓';
break;
case"cake":
result.innerHTML='戚风蛋糕，香蕉，葡萄，草莓';
break;
case"nuts":
result.innerHTML='腰果，香蕉，葡萄，草莓';
break;
}
}
</script>
</body>
</html>
1回答
-
同学你好，代码正确，很棒，祝学习愉快！
0
相似问题