无法在IE中为选项元素设置属性

时间:2013-11-13 15:55:31

标签: javascript css internet-explorer

我正在尝试实现两个级联html选择(即,第一个中的selectedindex确定第二个中的选项)。以下代码在FireFox中工作正常,但不适用于IE。

for (var i = 0; i < origProcDDL.length; i++) 
      {                  
          if (selectedMod != origProcDDL.options.item(i).attributes.getNamedItem('value').nodeValue)
          {                                
              origProcDDL.options.item(i).className = "hide";          
          }           
      }

  }   
  function resetProcedures()
  {
    //refresh the list
      for (i = 0; i < origProcDDL.length; i++) {                        
          origProcDDL.options.item(i).className = "";
      }                
  }

1 个答案:

答案 0 :(得分:2)

您无法在IE上为option元素添加样式。

阅读本文:Styling options in bold in Internet Explorer

我曾经遇到过这个问题。我的解决方法是使用javascripts数组。

注意:这种方法还有另一个问题。如果您选择(聚焦)保管箱并使用键盘进行导航,则会显示隐藏的元素。

演示的简单示例:http://jsfiddle.net/72AzB/