title: jQuery how to set / unset background color of dropdown menu
body: <p>The script requires jQuery</p>
  
  <p>All works fine but I need to be able to change the color of the selected dropdown when it is selected by the option box, to (bright green). And greyed out again if the other option is chosen.</p>
  
  <p>I have tried all the suggested tips I read up on i.e. 
  $( "#mOptions" ).prop (.css('background-color','#ffffff')); any color.
  please help and many thanks. Did not work</p>
  
  <p>The script</p>
  
  <pre><code>$(document).ready(function(){
      $('input[name="gender"]').click(function() {
         if($('input[name="gender"]').is(':checked')) { 
             var radioValue = $("input[name='gender']:checked").val();
              if(radioValue == "m"){
                 $( "#mOptions" ).prop( "disabled", false );
                 $( "#fOptions" ).prop( "disabled", true );
              } else {
                  $( "#mOptions" ).prop( "disabled", true );
                 $( "#fOptions" ).prop( "disabled", false );
              }
         }
      });
  });
  </code></pre>
  
  <p>The Form:</p>
  
  <pre><code>&lt;input type="radio" name="gender" value="m" /&gt;Male
  &lt;input type="radio" name="gender" value="f" /&gt;Female
  &lt;br /&gt;
  &lt;select id="mOptions" disabled="true"&gt;
      &lt;option&gt;Select&lt;/option&gt;
      &lt;option value="1"&gt;Shirt&lt;/option&gt;
      &lt;option value="2"&gt;Pant&lt;/option&gt;
      &lt;option value="3"&gt;dhoti&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="fOptions" disabled="true"&gt;
      &lt;option&gt;Select&lt;/option&gt;
      &lt;option value="4"&gt;Saree&lt;/option&gt;
      &lt;option value="5"&gt;Bangle&lt;/option&gt;
      &lt;option value="6"&gt;handbag&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>