title: hide selected value of a select list, when list is open
body: <p>I have a dropdown <code>select</code> list, from which I can choose a country. the first option is: choose your country.</p>
  
  <pre><code>&lt;select&gt;
        &lt;option selected disabled value=''&gt;Choose your country&lt;/option&gt;
        &lt;option value="1"&gt;Canada&lt;/option&gt;
        &lt;option value="2"&gt;France&lt;/option&gt;
  
  &lt;/select&gt;
  </code></pre>
  
  <p>But when I click to open the list, I can see choose your country in the options. Is there a way to hide this option from the list, and only show it as a placeholder before any selection is made? </p>