老师请检查
来源: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回答
同学你好,效果是正确的,继续加油,祝学习愉快~
相似问题