老师请检查！
来源：4-3 编程练习
鲸落2020
2020-10-26 16:50:06
<body>
<p>请选择菜单：
<select name="" id="menu">
<option>请选择</option>
<option value="fruit">水果</option>
<option value="cake">蛋糕</option>
<option value="muts">坚果</option>
</select>
</p>
<p>该系列有：<span></span></p>
</body>
<script type="text/javascript">
//获取元素
var menu = document.querySelector('#menu');
var span = document.getElementsByTagName('span')[0];
//选择内容发生变化
menu.onchange = function(){
switch(menu.value){
case 'fruit':fruit();
break;
case 'cake':cake();
break;
case 'muts':muts();
break;
default:blank();
}
}
//span内容改变
function blank(){
span.innerHTML = '';
}
function fruit(){
span.innerHTML = '苹果、香蕉、西瓜';
}
function cake(){
span.innerHTML = '奶酪、麦面、面包';
}
function muts(){
span.innerHTML = '巴果、煎饼、果子';
}
</script>
1回答
-
同学你好，代码实现正确哦。继续加油，祝学习愉快~
0
相似问题