请老师检查
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
请选择菜单：
<select id="menu">
<option value="sel">请选择</option>
<option value="fruit">水果</option>
<option value="cake">蛋糕</option>
<option value="nuts">坚果</option>
</select>
</p>
<p>该系列有：<span></span></p>
<script>
// 此处写代码
var fruit=['苹果', '香蕉', '西瓜', '橙子'];
var cake=['慕斯', '奶酪', '戚风蛋糕', '毛毛虫'];
var nuts=['碧根果', '巴旦木', '腰果', '夏威夷果'];
var sel=[];
var op = document.getElementsByTagName("option");
for(var i = 0; i < op.length; i++){
op[i].onclick = function(){
document.getElementsByTagName("span")[0].innerHTML=window[this.value];
};
}
</script>
</body>
</html>22
收起
正在回答
2回答
同学你好，应该是浏览器内核解析问题，老师测试了一下，在火狐浏览器确实能正常运行，但是在谷歌就不可以了，因为谷歌不支持给option绑定事件，所以以后不建议同学给option绑定事件，一般我们都是给select绑定，这样所有的浏览器都兼容，可以正常运行。
祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星