Home/ Questions/Q 6707341
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T07:37:39+00:00

I’ve made a very simple fiddle here , and you can check it out

  • 0

I’ve made a very simple fiddle here, and you can check it out in different browsers.

It only works in Firefox. In other words, seems that $('#select-tag-id option:visible') doesn’t work in other browsers. What’s wrong? Is it a jQuery bug?

The code is:

<select id='items'>
    <option value='1' style='display: none;'>One</option>
    <option value='1' style='display: block;'>Two</option>
    <option value='1' style='display: block;'>Three</option>
    <option value='1' style='display: none;'>Four</option>
</select>

and the JavaScript (jQuery code) is:

$(function(){
    alert($('#items option:visible').length);
});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s not a jQuery bug – just (yet another) browser difference.

    IE won’t let you set display:none on option elements (style.display=’none’ doesnt work on option tags).

    If you look at your fiddle in both FF and IE, you’ll see that the <select> still contains all four elements in IE, but only two in FF, regardless of jQuery being present.

    The solution would probably be to actually remove the elements and replace when needed.

    • 0