title: JavaScript - how to remove `options` by its `value`
body: <p>I have a dropdown menu with products similiar like this</p>
  
  <pre><code>&lt;select class="fruits" &gt;
    &lt;option value="1" &gt;Oranges&lt;/option&gt; 
    &lt;option value="2" &gt;Bananes&lt;/option&gt; 
    &lt;option value="3" &gt;Apples&lt;/option&gt; 
  &lt;/select&gt;
  </code></pre>
  
  <p>I need to remove <code>options</code> by its <code>value</code>. How to do that ?<br>
  Pure JavaScript please.</p>
  
  <p>EDIT : I know that I need to use <code>element.removeChild(child)</code> method. But how to reference child by its <code>value</code>. Thats my point.</p>
  
  <p>EDIT 2 : I use the script of <code>zdrohn</code> below and it works. Because I have several <code>fruits</code> dropdowns with the same collection I need to iterate trough all dropdowns and delete it from all dropdowns. This is my code now : </p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  
  var id = 3;
              var el= document.getElementsByClassName("fruits");
                  for (i=0;i&lt;el.length;i++) {
                      for(var n = 0; n &lt; el[i].length; n++) {
                          if(el[i][n].value == id) {
                              el[i][n].remove();
                          }
                  }
  
   &lt;/script&gt;
  </code></pre>
  
  <p>Though it works I wonder about that I do not need to use the <code>parent.removeChild()</code> method. How comes ?</p>
  
  <p>P.S. I wonder that peole vote this question down. As the response shows their are several solutions. Though not all are sufficiantly explained.   </p>