title: How to show the dropdown blank when one of the option from the otehr dropdown is selected?
body: <pre><code>How to show the dropdown Country blank when the State dropdown option is selected and also viceversa(country dropdown is selected and the state dropdown is blank 
  </code></pre>
  
  <p>Does we need to include the option blank in the option or else is there any syntax,
   I have done through the disable option,that when i select the dropdown of country the dropdown of state disabled.?
      
      
      jQuery select / dropdown box example</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;h1&gt;jQuery select / dropdown box example&lt;/h1&gt;
  
  &lt;script type="text/javascript"&gt;
  
    $(document).ready(function(){
  
      $("#country").change(function () {
  
  
       // disable the dropdown:
  
  if($("#country option:selected").val()=="NONE"){
      $('#state').attr('enabled','true');
  }else {
      $('#state').attr('disabled','true');
  }
  
  
    });
  
      });
  &lt;/script&gt;
  &lt;/head&gt;&lt;body&gt;
  
  &lt;select id="country"&gt;
  &lt;option value="NONE"&gt;-- Select --&lt;/option&gt;
  &lt;option value="China"&gt;China&lt;/option&gt;
  &lt;option value="United State"&gt;United State&lt;/option&gt;
  &lt;option value="Malaysia"&gt;Malaysia&lt;/option&gt;
  &lt;/select&gt;
  &lt;select id ="state"&gt;
  &lt;option value ="AP"&gt;AP&lt;/option&gt;
  &lt;option value ="SP"&gt;SP&lt;/select&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>