How to show the dropdown blank when one of the option from the otehr dropdown is selected?
<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>
