老师,好像有点问题
<!DOCTYPE html>
<html lang="en">
<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.getElementById("menu"),
span=document.getElementsByTagName("span")[0];
menu.onclick=function(){
switch(this.value){
case "undefined":
span.innerHTML="";
break;
case "fruit":
span.innerHTML="苹果,香蕉,鸭梨,橙子,西瓜";
break;
case "cake":
span.innerHTML="慕斯,奶酪,海绵,重油";
break;
case "nuts":
span.innerHTML="碧根果,巴旦木,腰果,开心果";
break;
};
};
</script>
</body>
</html>
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星