Deleting the selected option from a select box
<p>How do I go about deleting the selected option (highlighted option) from a select box (drop-down list)?</p>

<p>Expected result: Once a selection has been made from the select box, at the click of the button "Delete" the selected option.</p>

<pre><code>&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

&lt;/head&gt;

&lt;body&gt;
&lt;select id="drop1" id="choices"&gt;
  &lt;option value="Red"&gt;Red&lt;/option&gt;
  &lt;option value="Blue"&gt;Blue&lt;/option&gt;
  &lt;option value="Yellow"&gt;Yellow&lt;/option&gt;
  &lt;option value="Green"&gt;Green&lt;/option&gt;
    &lt;option value="Orange"&gt;Orange&lt;/option&gt;
    &lt;option value="Black"&gt;Black&lt;/option&gt;
&lt;/select&gt;
&lt;input type="button" value="Delete" name="delete"&gt;

&lt;/body&gt;

&lt;/html&gt;
</code></pre>
