下拉菜单IE兼容问题,在线等,先谢谢高手大侠了!
请大家帮忙看一下此代码,IE下就是不兼容,有什么办法修改一下吗?
<html>
<head>
<title>test</title>
</head>
<body>
<select id="switch" onchange="changeStatus();">
<option value="1">yes</option>
<option value="0">no</option>
</select>
<br/>
<table>
<tr>
<td>
<select class="in" disabled="disabled" >
<option>m</option>
<option>h</option>
</select>
</td>
</tr>
<tr>
<td>
<select class="in">
<option>m</option>
<option>h</option>
</select>
</td>
</tr>
</table>
<script type="text/javascript">
var s = document.getElementById("switch");
var inTable = document.getElementsByClassName("in");
function changeStatus(){
if(s.value=="1") {
for(var i=0;i<inTable.length;i++){
inTable[i].disabled = disabled;
}
}
else{
for(var i=0;i<inTable.length;i++){
inTable[i].disabled = true;
}
}
}
changeStatus();
</script>
</body>
</html>
------解决方案--------------------
你有js基础,学习jquery很容易的,网上下载并引入jquery.js,然后$(".in")就可以获取到所有class属性包含in的对象了,不过获取到的对象是经过jquery包装的,如果不知如何用jquery的方法操作,要获取标签对象需要$(".in")[0];也就是获取第一个拥有class .in的标签。