не может установить атрибуты для элемента option в IE

Question

Я пытаюсь реализовать два каскадных выбора html (то есть selectindex с первого определяет параметры во втором). Следующий код отлично работает в 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.

Прочитайте это: Styling options in bold in Internet Explorer

Я имел эту проблему раз. Мое обходное решение работало с массивами javascripts.

Примечание: Есть еще одна проблема с этим подходом. Если вы выберете (сфокусируете) dropbox и используете клавиатуру для навигации, будет показан скрытый элемент.

Простой пример для демонстрации: http://jsfiddle.net/72AzB/