title: Remove item from dropdown list on page load (no jquery)
body: <p>I have the following dropdown list:</p>
  
  <pre><code>&lt;select name="DD1" id="DD1"&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
      &lt;option value="D"&gt;D&lt;/option&gt;
      &lt;option value="E"&gt;E&lt;/option&gt;
      &lt;option value="F"&gt;F&lt;/option&gt;
      &lt;option value="R"&gt;R&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>On page load I need to hide/delete option D. I can't go by the index because that list is dynamic so I have to use the value parameter or the actual text that gets rendered. </p>
  
  <p>I've tried finding the answer but all the solutions I came across use JQuery for this and I don't have the option to do this.</p>
  
  <p>Anyone have a way to hide option D just using Javascipt on page load so the user never sees that option?</p>
  
  <p>Thanks</p>