请老师检查
来源：4-3 编程练习
qq_慕先生0342934
2020-06-09 23:27:41
<!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 options = menu.querySelectorAll('option');
var content = document.querySelector('span');
for(var i = 0;i < options.length;i++){
//请问老师我刚开始这样写为啥不行
// options[i].onclick
menu.onclick = function(){
switch(this.value){
case 'fruit' :
content.innerHTML = "苹果、橘子、梨子、火龙果、猕猴桃、樱桃、车厘子";
break;
case 'cake' :
content.innerHTML = "奶油、慕斯、海绵、重油、慕斯、海绵、重油";
break;
case 'nuts' :
content.innerHTML = "碧根果、核桃、巴旦木、夏威夷果、开心果、腰果";
break;
default :
content.innerHTML = "";
}
}
}
</script>
</body>
</html>
1回答
-
同学你好，代码实现的是正确的。继续加油，祝学习愉快~
0h020-06-10
相似问题