title: Change background color when specific option selected
body: <p>I want when "Park Here" clicked it outer area should be red and when "Cancel" clicked it should be green but it shows inner color red and green. Is there any method which change background color to red and green. code is here</p>
  
  <pre><code>&lt;tbody&gt;
    &lt;tr&gt;
         &lt;td bgcolor="green" align="center" &gt;&lt;select name="place1"  &gt;
         &lt;option onclick="this.parentNode.style.backgroundColor='red' "&gt; Park Here&lt;/option&gt;
         &lt;option onclick="this.parentNode.style.backgroundColor='green' "&gt; Cancel &lt;/option&gt;
         &lt;/select&gt;&lt;/td&gt;
  
    &lt;/tr&gt;
    &lt;/tbody&gt;
  </code></pre>
  
  <p>Here is output but I want outer color should be red or green like what this tag done. IS there any method? Please tell me I want outer color should be red on click not inner
  <a href="https://i.stack.imgur.com/msBc3.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/msBc3.jpg" alt="enter image description here"></a></p>