请老师检查
来源:4-3 编程练习
LuciusTan
2020-04-22 17:29:11
<!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>
// 此处写代码
const list = {
'fruit':'苹果,香蕉,梨子,橙子,西瓜',
'cake':'慕斯,奶酪,海绵,重油,戚风',
'nuts':'碧根果,巴旦木,夏威夷果,腰果,开心果'
};
var menu = document.querySelector("#menu");
var textLabel = document.querySelector("span");
menu.onchange = function(){
textLabel.innerHTML = list[menu.value] ? list[menu.value] : '';
};
</script>
</body>
</html>2回答
同学你好,效果正确,思路也对。继续加油,祝学习愉快~
LuciusTan
提问者
2020-04-22
主要是请老师帮忙看一下,这样的思路是否合理。
相似问题