4-3检查
来源：4-3 编程练习
慕言_7946275
2019-08-30 18:04:09
<!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 span=document.getElementsByTagName('span')[0];
menu.onchange=function(){
switch(this.value){
case'fruit':
span.innerHTML='苹果、香蕉、鸭梨、橙子、西瓜';
break;
case'cake':
span.innerHTML='慕斯、奶酪、海绵、重油、戚风';
break;
case'nuts':
span.innerHTML='碧根果、巴旦木、夏威夷果、腰果、开心果果';
break;
};
}
</script>
</body>
</html>
1回答
-
好帮手慕言
2019-08-30
同学你好，效果实现的很好，棒棒哒，继续加油，祝学习愉快~
0
相似问题