老师请检查
来源：4-3 编程练习
慕仙9874720
2019-12-24 21:40:28
<!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>
// 此处写代码
var menu=document.querySelector("#menu"),
span=document.querySelector("span");
menu.onchange=function(){
switch(this.value){
case "fruit":span.innerHTML="西瓜，苹果，香蕉，橙";
break;
case "cake":span.innerHTML="奶酪，慕斯，重油，戚风";
break;
case "nuts":span.innerHTML="巴坦木，腰果，开心果";
break;
}
};
</script>
</body>
</html>
1回答
-
好帮手慕慕子
2019-12-25
同学你好，代码是正确的，建议优化： 下拉项是请选择时，设置span内容为提示信息，效果实现会更好。
如果帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题