javascript - 无法在 IE 中设置选项元素的属性

Question

我正在尝试实现两个级联 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 = "";
      }                
  }

Answer 1

您不能option在 IE 上为元素添加样式。

阅读本文：Internet Explorer 中的粗体样式选项

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

注意：这种方法还有另一个问题。如果您选择（聚焦）dropbox 并使用键盘导航，将显示隐藏的元素。

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