title: html select element with default not in the options
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/5805059/select-placeholder">&lt;select&gt; placeholder</a>  </p>
  </blockquote>
  
  
  
  <p>I want to do something like this:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option selected="selected"&gt;Choose option&lt;/option&gt;
      &lt;option&gt;Option 1&lt;/option&gt;
      &lt;option&gt;Option 2&lt;/option&gt;
      &lt;option&gt;Option 3&lt;/option&gt;
      &lt;option&gt;Option 4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>here's the <a href="http://jsfiddle.net/yahyaKACEM/QnAKU/" rel="noreferrer">jsfiddle.</a></p>
  
  <p>now I want the first option the selected one with the content "Choose option" to not be visible in the dropdown. how can i do that, if that's possible with a select element or should i do a custom thing.
  Thanks in advance.</p>