Home/ Questions/Q 623279
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T19:04:32+00:00

ok, heres some sample code that demonstrates the problem. if i click the button

  • 0

ok, heres some sample code that demonstrates the problem.
if i click the button in firefox, the first option disappears.
if i click the button in chrome, nothing happens, or rather if i inspect the first option, it does have the attribute “style=’display:none'” but the option itself on the html page is not hidden.

<form>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input type="button" onclick="document.getElementsByTagName('option')[0].style.display='none'" value="hide option 1">
</form>

why doesn’t this work in chrome?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The workaround is to remove the option elements in response to your event and add them back if and when they are needed. IIRC, IE will not allow you to set the display to none on option elements. I would advise storing the removed elements in an array so that you can easily add them back in.

    • 0