Options with display:none not hidden in IE

html, internet-explorer, select

Solution

IE doesn't support `style="display:none;"` on `<option>` tags.

Your only option is to remove them - either as part of the creation of the HTML, or via client-side script.

Problem

I have multiple options in a select. I have sorted the options and disabled and hidden the duplicate options with jquery. The code works well in chrome and firefox but in IE and safari, the options with display:none are still showing up. Here is the jsfiddle of the code: ``` <select> <option value="5797">34</option> <option value="5809">37</option> ... <option value="5653">71</option> <option disabled="" selected="selected" value="53">Eye</option> <option disabled="disabled" style="display: none;" value="5441">52</option> <option disabled="disabled" style="display: none;" value="5443">52</option> ... <option disabled="disabled" style="display: none;" value="5431">51</option> </select> ``` http://jsfiddle.net/7vUdb/

Original source

Related problems