老师检查下~
来源:4-3 编程练习
母鸡阿
2020-10-22 13:42:21
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
<!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 obj ={
menu : document.querySelector('#menu'),
span : document.getElementsByTagName('span')[0],
};
obj.menu.onchange = function(){
switch(obj.menu.value){
case 'fruit':
obj.span.innerHTML = '111';return;
case 'cake':
obj.span.innerHTML = '222';return;
case 'nuts':
obj.span.innerHTML = '333';return;
}
}
</script>
</body>
</html>
1回答
同学你好,代码是正确的,建议优化:下拉项是请选择项时,设置span内容为提示信息,效果实现会更好。
祝学习愉快~
相似问题