老师您好，为什么m.value获取到的不是select标签的值，却是option的值，
来源：3-12 编程练习
一物一世界
2019-11-23 20:56:57
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>onchange()</title>
<style type="text/css">
#div{
width:300px;
height:300px;
border:2px solid gray;
margin:100px 0 0 200px;
}
</style>
<script type="text/javascript">
window.onload = function(){
let m = document.getElementsByTagName("select")[0];
m.onchange = function(){
selectValue=m.value;
if (selectValue=="0") {
document.getElementById("div").innerHTML = "我并没有发生什么变化";
document.getElementById("div").style.background = "white";
}else{
document.getElementById("div").style.background = selectValue;
document.getElementById("div").innerHTML = "我的背景色为" + m.options[m.selectedIndex].innerHTML;
}
}
}
</script>
</head>
<body>
<div>
<span>请选择您喜欢的颜色:</span>
<select id="color">
<option value="0">请选择</option>
<option value="yellow">黄色</option>
<option value="orange">橘色</option>
<option value="pink">粉色</option>
<option value="purple">紫色</option>
</select>
</div>
<div id="div">我是div</div>
</body>
</html>
2回答
-
好帮手慕星星
2019-11-24
同学你好，select标签比较特殊，select.value获取的就是option标签中的value值，记住这样使用就可以。
代码是正确的。继续加油，祝学习愉快~
0 -
一物一世界
提问者
2019-11-23
对象.属性得到的应该是这个对象标签里面的属性啊 ？请老师您解解疑惑，谢谢！
0
相似问题