title: How to remove/hide select options from select-list
body: <p>I've got a select list like this:</p>
  
  <pre><code>&lt;select id="selectlist" name="selectproduct" &gt;
      &lt;option value=""&gt; --- Select product  --- &lt;/option&gt;
      &lt;option value="1"&gt;Product 1&lt;/option&gt;
      &lt;option value="2"&gt;Product 2&lt;/option&gt;
      &lt;option value="3"&gt;Product 3&lt;/option&gt;
      &lt;option value="4"&gt;Product 4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Unfortunately I can't edit it.
  Is there any method which let me hide the "Product 4" option by default?
  I'm trying with CSS, but it doesn't work with IE.</p>