老师请检查

来源:4-3 编程练习

前端小白白白白白白

2020-05-15 13:23:59

<!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 id="outPut"></span></p>
<script>
// 此处写代码
var oMenu = document.getElementById("menu")
var oOutput = document.getElementById("outPut")
oMenu.onchange = function() {
switch (oMenu.value) {
case 'fruit':
oOutput.innerHTML = '苹果、西瓜、香蕉、桔子'
break;
case 'cake':
oOutput.innerHTML = '小蛋糕,大蛋糕,中蛋糕'
break;
case 'nuts':
oOutput.innerHTML = '小坚果,大坚果,中坚果'
break;
default:
oOutput.innerHTML = ''
break;
}
}
</script>
</body>
</html>


写回答

1回答

好帮手慕言

2020-05-15

同学你好,效果是正确的,继续加油,祝学习愉快~

0

0 学习 · 14456 问题

查看课程

相似问题