老师帮忙看看
来源：4-3 编程练习
哦买嘎121
2019-08-15 16:41:24
<!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')
var spanText = document.querSelector('p>span')
menu.addEventListener('click',function(e){
e = e || window.event
if(e.target.nodeName.toUpperCase() == 'option'){
swith(e.target.value){
case 'fruit':
spanText.innerHTML = '苹果、香蕉、鸭梨、橙子、西瓜'；
break;
case 'cake':
spanText.innerHTML = '慕斯、奶酪、海绵、重油、威风'；
break;
case 'nuts':
spanText.innerHTML = '碧根果、巴坦木、夏威夷果、腰果、开心果'；
break;
}
}
})
</script>
</body>
</html>
1回答
-
同学你好！
代码中的问题：
同学可以参考上图中注释修改下
如果帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题