老师帮我检查下代码 还有什么需要改进的吗?
<!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.getElementById('menu');
var options = menu.getElementsByTagName('option');
var contents = document.getElementsByTagName('span');
menu.onchange = function(){
switch(this.value){
case 'fruit': contents[0].innerHTML = '苹果、 香蕉、 鸭梨、 橙子、 西瓜';
break;
case 'cake': contents[0].innerHTML = '慕斯、 奶酪、 海绵、 重油、 戚风';
break;
case 'nuts': contents[0].innerHTML = '碧根果、 巴旦木、 夏威夷果、 腰果、 开心果';
break;
}
}
</script>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答,登录/注册
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星