javascript - How to hide first item from an Html Select Tag

Question

I have the following code:

<select>
    <option value="0">Option 0</option>.
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>

When you click on select I wish the first item to be no longer listed. Also it must work on all browsers. How can this be done?

Thanks.

Answer 1

Simply add display:none to the first option. First option will appear only as a "header" of the select box, not in the options anymore. It works on Firefox & Chrome.

<select>
    <option style="display:none;" value="0">Option 0</option>.
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>