日期:2014-05-17  浏览次数:20653 次

下拉菜单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的标签。