4-3编程练习
来源：4-3 编程练习
soso_crazy
2019-03-14 19:22:45
<!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>
// 此处写代码
<script>
var menu = document.querySelector('#menu');
var span = document.querySelector('span');
menu.onchange = function() {
switch (this.value) {
case '':
span.innerHTML = '';
break;
case 'fruit':
span.innerHTML = '苹果 香蕉 梨 橙';
break;
case 'cake':
span.innerHTML = '黑森林 芝士蛋糕';
break;
case 'nuts':
span.innerHTML = '巴旦木 开心果 核桃 碧根';
break;
}
}
</script>
</script>
</body>
</html>
老师为什么在选择了其他选项 如 水果，再选择 请选择，span标签内容不清空，应该如何修改？
1回答
-
好帮手慕星星
2019-03-15
你好，代码中多了一对script标签，可以去掉。
case中的条件需要与option标签中value值相对应：
可以添加测试下，祝学习愉快！
0
相似问题