为啥这个代码实现不了呢？？不知道哪儿出现了问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
请选择菜单：
<select id="menu">
<option>请选择</option>
<option value="fruit" class="fri">水果</option>
<option value="cake" class="fri">蛋糕</option>
<option value="nuts" class="fri">坚果</option>
</select>
</p>
<p>该系列有：<span class="dropdown"></span></p>
<script>
// 此处写代码
var btn=document.querySelector(".fri");
var drop=document.querySelector(".dropdown");
for(i=0;i<btn.length;i++){
btn[i].onclick=function () {
switch (this.value) {
case "fruit":f1();
break;
case "cake":f();
break;
case "nuts":f2();
break;
}
}
}
//fruit.onclick=f1;
//cake.onclick=f;
//nuts.onclick=f2;
function f(){
drop.innerHTML="奶酪，甜品";
}
function f1(){
drop.innerHTML="苹果，香蕉";
}
function f2(){
drop.innerHTML="碧根果";
}
</script>
</body>
</html>
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧