读书人

上拉菜单IE兼容有关问题先多谢高手大

发布时间: 2013-01-23 10:44:49 作者: rapoo

下拉菜单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>

[解决办法]

引用:
一定要需要clssname,getElementById和其它代码有冲突,
jquery 要怎么写呢,能帮忙吗?谢谢!没学过jquery!
感谢大侠的指点!谢谢!

你有js基础,学习jquery很容易的,网上下载并引入jquery.js,然后$(".in")就可以获取到所有class属性包含in的对象了,不过获取到的对象是经过jquery包装的,如果不知如何用jquery的方法操作,要获取标签对象需要$(".in")[0];也就是获取第一个拥有class .in的标签。

读书人网 >Java Web开发

热点推荐