cannot set attributes for option element in IE

Question

I am trying to implement two cascading html selects (i.e. selectedindex from the first determines the options in the second). The following code works fine in FireFox but not 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 = "";
      }                
  }

possible duplicate of [Styling options in bold in Internet Explorer](http://stackoverflow.com/questions/6655625/styling-options-in-bold-in-internet-explorer) — Paul Roub, Nov 13 '13 at 16:00

score 2 · Accepted Answer · edited May 23 '17 at 10:25

2

You can't add style to an option element on IE.

Read this: Styling options in bold in Internet Explorer

I had this problem once. My workaround was working with javascripts arrays.

Note: There is another problem with that approach. If you select (focus) the dropbox and use the keyboard to navigate, the hidden element will be shown.

Simple example to demonstrate: http://jsfiddle.net/72AzB/

edited May 23 '17 at 10:25

Community

1
1

answered Nov 13 '13 at 15:59

Felipe Miosso

7,309
6
44
55

Thanks for the info. I employed a workaround using arrays as well, although I was hoping to find a more elegant solution. – Marcus Santodonato Nov 14 '13 at 17:30

cannot set attributes for option element in IE

1 Answers1